Weathered Cocoa color palette — #FAF4ED · #C5E0CE · #98B996 · #768D7A · #554500

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C5E0CE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#98B996): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#768D7A): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Worn Balcony color palette (#EEF8F2, #C9E5DC, #9FC09A, #79A3A7, #3D524C)
• Driftwood Meadow color palette (#F0F7F0, #A0CCB8, #678C65, #486C79, #3E5349)
• Taupe Market color palette (#FFF3E9, #D9E0BF, #A2A175, #926971, #3B3831)
• Tempered Lagoon color palette (#F8F5E9, #ACDEBA, #309C94, #3A6F63, #252B12)
• Muted Mint color palette (#FDF5DD, #94CB96, #258878, #2F5570, #181A00)
• Timeworn Azure color palette (#EBF9F4, #D6DCF9, #E8C787, #64A0D3, #4A453F)
• Worn Stone color palette (#FDF0FF, #A4D0FF, #CEBA7B, #B0A173, #413343)
• Fern Summit color palette (#FFF2E9, #B7A05F, #526A15, #463158, #0C0600)

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