Palette
Primary
Prosperity Yellow
HEX #FCFF52 RGB 252, 255, 82 CMYK 0, 0, 68, 0
Forest
HEX #476520 RGB 71, 101, 32 CMYK 30, 0, 68, 60
Base
Gypsum
HEX #FCF6F1 RGB 252, 246, 241 CMYK 0, 2, 4, 0
Sand
HEX #E7E3D4 RGB 231, 227, 212 CMYK 0, 2, 8, 9
Wood
HEX #655947 RGB 101, 89, 71 CMYK 0, 12, 30, 60
Fig
HEX #1E002B RGB 30, 0, 43 CMYK 30, 100, 0, 83
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
Success
HEX #329F3B RGB 71, 101, 32 CMYK 30, 0, 68, 60
Error
HEX #E70532 RGB 71, 101, 32 CMYK 30, 0, 68, 60
Disabled
HEX #9B9B9B RGB 71, 101, 32 CMYK 30, 0, 68, 60
Accent
Sky
HEX #7CC0FF RGB 124, 192, 255 CMYK 51, 25, 0, 0
Citrus
HEX #FF9A51 RGB 255, 154, 81 CMYK 0, 40, 68, 0
Lotus
HEX #FFA3EB RGB 255, 163, 235 CMYK 0, 36, 8, 0
Lavender
HEX #B490FF RGB 180, 144, 255 CMYK 29, 44, 0, 0
Jade
HEX #56DF7C RGB 86, 223, 124 CMYK 61, 0, 44, 13
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.