Muted Cocoa color palette — #DAE2CB · #5BA6B3 · #4C6B94 · #663C00 · #282900

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

The five colors

• Celadon Mist (#DAE2CB): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#5BA6B3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4C6B94): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#663C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#282900): 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 Muted 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 Studio color palette (#D0EEF1, #75A193, #72659A, #534800, #07351F)
• Sky Cabin color palette (#CFEAE8, #5BB6E6, #6B6B9E, #513800, #001B06)
• Timeworn Garnet Parlor color palette (#E3E6C7, #6CA682, #347578, #7F2235, #3C2000)
• Aged Aubergine Dune color palette (#CAF0DE, #5F80A5, #5A3F7B, #353500, #001606)
• Worn Petrol color palette (#F4E7E1, #81BEBF, #00829D, #005C3C, #002237)
• Sunlit Denim color palette (#CFECFF, #5F8FC6, #435393, #512C4A, #47132A)
• Forest Summit color palette (#DEF3EC, #ABA1D1, #9F7394, #256B36, #29442A)
• Worn Pine color palette (#EBDFC9, #8A9A62, #1F7334, #005050, #171E00)

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