Palette
Primary
Prosperity Yellow
HEX #FCFF52 RGB 252, 255, 82 CMYK 0, 0, 68, 0 PMS 3945 C PMS 3945 U
Forest
HEX #476520 RGB 71, 101, 32 CMYK 30, 0, 68, 60 PMS 2280 C PMS 2280 U
Base
Gypsum
HEX #FCF6F1 RGB 252, 246, 241 CMYK 0, 2, 4, 0 PMS 9244 C PMS 9244 U
Sand
HEX #E7E3D4 RGB 231, 227, 212 CMYK 0, 2, 8, 9 PMS 9223 C PMS 9226 U
Wood
HEX #655947 RGB 101, 89, 71 CMYK 0, 12, 30, 60 PMS 7531 C PMS 7531 U
Fig
HEX #1E002B RGB 30, 0, 43 CMYK 30, 100, 0, 83 PMS 2695 C PMS 2695 U
Functional
Snow
HEX #FFFFFF RGB 255, 255, 255 CMYK 0, 0, 0, 0
Onyx
HEX #000000 RGB 0, 0, 0 CMYK 0, 0, 0, 100 PMS Neutral Black C PMS Neutral Black U
Success
HEX #329F3B RGB 71, 101, 32 CMYK 30, 0, 68, 60 PMS 2280 C PMS 2280 U
Error
HEX #E70532 RGB 71, 101, 32 CMYK 30, 0, 68, 60 PMS 2280 C PMS 2280 U
Disabled
HEX #9B9B9B RGB 71, 101, 32 CMYK 30, 0, 68, 60 PMS 2280 C PMS 2280 U
Accent
Sky
HEX #7CC0FF RGB 124, 192, 255 CMYK 51, 25, 0, 0 PMS 284 C PMS 284 U
Citrus
HEX #FF9A51 RGB 255, 154, 81 CMYK 0, 40, 68, 0 PMS 1495 C PMS 1495 U
Lotus
HEX #FFA3EB RGB 255, 163, 235 CMYK 0, 36, 8, 0 PMS 921 C PMS 921 U
Lavender
HEX #B490FF RGB 180, 144, 255 CMYK 29, 44, 0, 0 PMS 935 C PMS 935 U
Jade
HEX #56DF7C RGB 86, 223, 124 CMYK 61, 0, 44, 13 PMS 7479 C PMS 7479 U
Usage & pairings
Application of color will vary across touchpoint and execution, but below highlights key ways to utilize color as a background, pop, and accent.
Legibility of messaging should be top consideration when selecting and finalizing color pairings.
Gypsum background, Prosperity Yellow CTA with Onyx typography and symbol.
Forest background, Propserity Yellow CTA with Snow typography and symbol
Prosperity Yellow used as a call-out background
The accent color palette and functional Jade used for tagging in the Celo Ecosystem
Prosperity Yellow used as a callout background
Color can be used to differentiate and tag content relevant to varying types of work or categories represented on Celo. Above shows how color can instantly differentiate and establish order
Color can be used as background color throughout system to bring a weight or cadence to an execution. Legibility of messaging should be top consideration when selecting and finalizing color choice.