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.
![](https://images.ctfassets.net/wr0no19kwov9/onrn00WN7eFGuciIPAMfG/e379fd6abe657d77fa2f4df008caf924/brand-kit-color-image-01.png?fm=webp&w=3840&q=70)
Gypsum background, Prosperity Yellow CTA with Onyx typography and symbol.
![](https://images.ctfassets.net/wr0no19kwov9/20fXvBCmjZrYQpD35fa43p/1d91f255554f511a3d539dada6eba37c/brand-kit-color-image-02.png?fm=webp&w=3840&q=70)
Forest background, Propserity Yellow CTA with Snow typography and symbol
![](https://images.ctfassets.net/wr0no19kwov9/74PhnXpfRJl7UccpbpoVVK/2131764f0790c7863cf937283a307f3d/brand-kit-color-image-03.png?fm=webp&w=3840&q=70)
Prosperity Yellow used as a call-out background
![](https://images.ctfassets.net/wr0no19kwov9/6IoF2bEmQPxrAgpf8n3Uuz/067114d3cd2d673211d76ac5c38db0a8/brand-kit-color-image-04.png?fm=webp&w=3840&q=70)
The accent color palette and functional Jade used for tagging in the Celo Ecosystem
![](https://images.ctfassets.net/wr0no19kwov9/38SgqWR0SdxYbRubhUYdBE/ae8b83c598da4de679cf55d06b3d1f27/brand-kit-color-image-05.png?fm=webp&w=3840&q=70)
Prosperity Yellow used as a callout background
![](https://images.ctfassets.net/wr0no19kwov9/3dNebnomQBuNflvOdOLzJb/fa697a44b8a0134a610e6b3cb655de8e/brand-kit-color-image-06.png?fm=webp&w=3840&q=70)
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
![](https://images.ctfassets.net/wr0no19kwov9/6ylPLASg5XmdxjuhiGr5RO/c9f2e776aeb164f475b276d2af781fa8/brand-kit-color-image-07.png?fm=webp&w=3840&q=70)
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.