Weathered Cocoa color palette — #DEF1E6 · #5DA5B0 · #487197 · #693900 · #1E432F

Built around Bronze, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DEF1E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#5DA5B0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#487197): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#693900): A deep, shadowed, balanced gold — the color of old brass.
• Forest (#1E432F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Chalky Station color palette (#D4F1F2, #6FA3D1, #6F61A2, #584F00, #004721)
• Tempered Basalt color palette (#D8EDE5, #77A389, #32707E, #67353C, #543300)
• Patina Pewter Lagoon color palette (#D1F1F1, #8BAAB8, #637795, #724C5A, #285144)
• Denim Summit color palette (#DBF2EC, #428CA5, #4D4F87, #453100, #082B0F)
• Pewter Garden color palette (#EAF7FF, #BBC9E0, #908DA5, #567A6D, #395658)
• Antique Petrol Alley color palette (#F9EAF0, #94B6D3, #4165AD, #004F55, #2A2656)
• Aqua Ridge color palette (#DBF3EA, #6EC9E8, #8592C2, #947355, #4D2A01)
• Cobalt Lagoon color palette (#DEF3FA, #78B6DC, #5682C1, #6B4E74, #4C253F)

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