Weathered Cocoa color palette — #CFE7D9 · #72A497 · #6F652D · #5B3300 · #001D1D

Cocoa takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CFE7D9): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#72A497): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#6F652D): A full-bodied, dusty green — the color of fresh herbs.
• Cocoa (#5B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Chestnut Coast color palette (#EEDAE4, #80A384, #88573A, #5F2C30, #001E13)
• Wandering Fern Boulevard color palette (#D5EFE1, #949C71, #6F650C, #583F00, #093931)
• Chestnut Canyon color palette (#FCF5E1, #D1C89E, #928C57, #6D541B, #242309)
• Patina Meadow color palette (#F7E2EE, #A67E46, #81401E, #581423, #110F00)
• Patina Parlor color palette (#EAF5EB, #A3C4B6, #6C8C72, #6B4E5E, #18312E)
• Smoked Chestnut Bloom color palette (#F8DFE8, #775E00, #512B00, #350001, #010200)
• Hushed Mulberry color palette (#E9F4F8, #2AB3C1, #96436E, #006169, #0B0212)
• Tempered Cobalt color palette (#D9EBFF, #2477C6, #984754, #771C32, #001025)

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