Nuxt Colors

Use Nuxt colours utility classes to apply colour to the background of elements, text, and borders. Includes support for styling links with hover states, too.


Primary colors

Our primary palette is comprised of neutrals, white, and blue. These colors are present across most touch points from marketing to product.

A
Fail
A
Pass
Name
Default
Hex
#344675
A
Fail
A
Pass
Name
Primary
Hex
#e14eca
A
Fail
A
Pass
Name
Info
Hex
#1d8cf8
A
Fail
A
Pass
Name
Success
Hex
#00f2c3
A
Fail
A
Pass
Name
Danger
Hex
#fd5d93
A
Fail
A
Pass
Name
Warning
Hex
#ff8d72