Skip to content

Colors

The Nimiq's CSS Framework color palette is designed to be accessible and to work well with each other and it consists of 10 colors.

Color for texts

Nimiq Blue

Nimiq Light Blue

Nimiq Gold

Nimiq Green

Nimiq Orange

Nimiq Red

Nimiq Purple

Nimiq Pink

Nimiq Light Green

Nimiq Brown

html
<p class="nq-blue">Nimiq Blue</p>
<p class="nq-light-blue">Nimiq Light Blue</p>
<p class="nq-gold">Nimiq Gold</p>
<p class="nq-green">Nimiq Green</p>
<p class="nq-orange">Nimiq Orange</p>
<p class="nq-red">Nimiq Red</p>
<p class="nq-purple">Nimiq Purple</p>
<p class="nq-pink">Nimiq Pink</p>
<p class="nq-light-green">Nimiq Light Green</p>
<p class="nq-brown">Nimiq Brown</p>

Color for backgrounds

Blue
Light-Blue
Gold
Green
Orange
Red
html
<div class="nq-blue-bg">Blue</div>
<div class="nq-light-blue-bg">Light-Blue</div>
<div class="nq-gold-bg">Gold</div>
<div class="nq-green-bg">Green</div>
<div class="nq-orange-bg">Orange</div>
<div class="nq-red-bg">Red</div>