Nextjs Colors
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
Primary colors
Our primary palette is comprised of purple, rose, and dark. These colors are present across most touch points from marketing to product.
A
Fail
A
Pass
Name
Primary
Hex
#9c27b0
A
Fail
A
Pass
Name
Secondary
Hex
#6c757d
A
Fail
A
Pass
Name
Info
Hex
#00bcd4
A
Fail
A
Pass
Name
Success
Hex
#4caf50
A
Fail
A
Pass
Name
Danger
Hex
#f44336
A
Fail
A
Pass
Name
Warning
Hex
#ff9800