Menu
  • Our vision
  • Developers
  • Founders
  • Community
  • Ecosystem

World-changing ideas in your inbox

OverviewWordmarkSymbolColorTypographyCube animationGraphic elementsIconographyBrand Policy

Color

PaletteUsage & pairings

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.


World-changing ideas in your inbox

Celo For

DevelopersFoundersCommunityValidators

Tech

DocsSecurity auditReserve

Company

VisionEcosystemCareersPressWhite papersEvents

Kits

Brand KitPilot KitGrant Kit
© 2023 Celo Inc.
Privacy PolicyTerms of Use