Weathered Cocoa color palette — #CDEFDA · #76A0AD · #3F6A93 · #5E3600 · #242300

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

The five colors

• Honeydew (#CDEFDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#76A0AD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3F6A93): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#5E3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#242300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Basalt color palette (#CFEAF3, #6890AC, #5F5A85, #4C4400, #00230D)
• Worn Garnet Study color palette (#D1EDDF, #739C99, #006E79, #65222C, #321600)
• Patina Petrol color palette (#D1E7FA, #7F97B9, #606695, #5F364F, #4F2018)
• Onyx Boulevard color palette (#CFF4FA, #528092, #344E70, #442300, #0D1200)
• Muted Cobalt Parlor color palette (#C1EDE6, #73B7D8, #7D77AF, #6A562F, #3C3832)
• Muted Petrol color palette (#F0E6EC, #8EBCC9, #007790, #004E31, #001828)
• Plum Basin color palette (#D2E1E8, #919BCC, #96529B, #2B4E00, #00261D)
• Cypress Archive color palette (#E3F5FF, #B7C2D4, #9C99AE, #406F60, #284145)

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