Weathered Cocoa color palette — #D6EEDE · #006B7B · #6F3E00 · #00333C · #1B0B00

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D6EEDE): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006B7B): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6F3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#00333C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1B0B00): A deep, shadowed, dusty gold — the color of old brass.

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

• Timeworn Parlor color palette (#CBF5E8, #005588, #4A3E00, #00223B, #080600)
• Denim Garden color palette (#F8E4FA, #005FB0, #743A00, #002C58, #1D0A00)
• Aged Atelier color palette (#D0ECD5, #006C74, #8D003F, #003338, #25000B)
• Terracotta Boulevard color palette (#D7F2FF, #0083A9, #A04900, #004C64, #1E0800)
• Patina Bronze color palette (#CEEEDC, #0093B5, #956500, #00576D, #402900)
• Worn Olive color palette (#EFDFC8, #696D18, #493400, #311100, #011000)
• Tempered Aubergine Cabin color palette (#EDDCE2, #844BBD, #4D6300, #4F0081, #161E00)
• Cobalt Workshop color palette (#E4F0FB, #0076B3, #003F60, #00111D, #010207)

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