Weathered Cocoa color palette — #FCF3EB · #C8DFCC · #B0B190 · #957E8B · #584300

A conversation between Deep Olive and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B0B190): A luminous, dusty green — the color of fresh herbs.
• Heather (#957E8B): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Weathered Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Aged Garden color palette (#F0F7F1, #CBE5D7, #94C1B2, #9098BB, #3C5347)
• Ancient Basalt Meadow color palette (#F7F6E9, #C5F2D6, #62ADAA, #8E6C6E, #313F00)
• Worn Cocoa color palette (#FFF1F4, #FAD1D4, #E099A7, #AA7161, #6A3700)
• Aged Workshop color palette (#FEF1F6, #A4CCB5, #718A60, #5D657F, #435149)
• Taupe Hollow color palette (#FFF2EF, #F5D3C8, #91DBDF, #C78490, #304F35)
• Wandering Stone Hollow color palette (#FFF2ED, #E3D8D1, #E6A49C, #8F5651, #432311)
• Aged Cocoa color palette (#FFF2EE, #E0DBCE, #9EC3C2, #D5ACB4, #783E18)
• Antique Lagoon Terrace color palette (#FAF5E8, #BBDBB0, #539984, #71597B, #292A0F)

Browse the whole catalog at Explore, or see today's palette.