Text colours

Learn how to override the default text colours to help your content stand out.

colour

What do they look like?

Lilac text

Turquoise dark text

List of text colours

Colour	Class	Example
Lilac	clr-lilac	`<div class="card clr-lilac">Content</div>`
Navy	clr-navy	`<div class="card clr-navy">Content</div>`
Navy light	clr-navy-light	`<div class="card clr-navy-light">Content</div>`
Turquoise	clr-turquoise	`<div class="card clr-turquoise">Content</div>`
Turquoise dark	clr-turquoise-dark	`<div class="card clr-turquoise-dark">Content</div>`
Turquoise light	clr-turquoise-light	`<div class="card clr-turquoise-light">Content</div>`
Yellow	clr-yellow	`<div class="card clr-yellow">Content</div>`
Pink	clr-pink	`<div class="card clr-pink">Content</div>`
Sand	clr-sand	`<div class="card clr-sand">Content</div>`
White	clr-white	`<div class="card clr-white">Content</div>`

Published: 01 Jul 2026 11:59 Last updated: 01 Jul 2026 12:00 35 views