Dusty Cocoa color palette — #ECFAED · #8BB29C · #896D41 · #744423 · #22453B

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#ECFAED): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8BB29C): A luminous, dusty teal — the color of glacier melt.
• Walnut (#896D41): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#744423): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#22453B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Cocoa color palette (#FFF0F8, #BE9CA7, #936651, #744140, #2B4433)
• Cocoa Orchard color palette (#DCEDDF, #9A9A6A, #7A5F1C, #663600, #103830)
• Muted Bloom color palette (#EBFAED, #CDBD91, #A98A50, #7F6341, #2E4337)
• Ancient Cocoa color palette (#ECF7FF, #378AB5, #8E5B92, #7F3F00, #1F3545)
• Olive Thicket color palette (#DEEBE3, #707D42, #514500, #3A2200, #031C00)
• Cobalt Villa color palette (#EDF7FB, #66BFC3, #6465AF, #006D71, #1D2335)
• Hushed Abyss color palette (#E9F8FE, #D3A18C, #005D63, #003539, #0F1B2A)
• Cellar Chapel color palette (#FCE2EE, #725323, #461F00, #280001, #050300)

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