Dusty Cocoa color palette — #EDF9EE · #91B09D · #896D44 · #7A4018 · #28443B

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#EDF9EE): a clean, paper-quiet neutral.
• Sage (#91B09D): A luminous, dusty teal — the color of glacier melt.
• Walnut (#896D44): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#7A4018): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#28443B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Dusty 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

• Tempered Lagoon color palette (#DDEDDF, #7BA18E, #7D5E13, #683500, #11382F)
• Weathered Cocoa Canyon color palette (#FFF0F9, #C09CA8, #946652, #783E40, #2E4334)
• Washed Bronze color palette (#FCF0E1, #BEA884, #916E32, #624625, #2B210B)
• Patina Garnet color palette (#FFE7F0, #B39966, #995600, #842000, #3A3708)
• Softworn Garden color palette (#EBFAEC, #A3C9AC, #AD884C, #855B69, #2C4335)
• Sand Courtyard color palette (#FFF3E4, #E0D18F, #C5A77D, #A28067, #3F3D36)
• Hushed Terracotta Veranda color palette (#EDF7FF, #3A88BE, #856095, #8A3304, #233544)
• Tempered Abyss Boulevard color palette (#E8F9FE, #D2A28C, #005D61, #003638, #101C28)

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