Dusty Cocoa color palette — #D6EEDA · #7A6F38 · #594000 · #361D00 · #030400

A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D6EEDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Walnut (#7A6F38): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#594000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#361D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Bronze Alley color palette (#D9E4D8, #9F6700, #005425, #4F3100, #000301)
• Inked Fern Hollow color palette (#D6EED9, #5D5D00, #3A2800, #210800, #010500)
• Hushed Cocoa Studio color palette (#FFE8F4, #936237, #722D00, #4B0102, #060300)
• Olive Ridge color palette (#FCEED2, #7C7900, #3C5400, #002905, #000502)
• Obsidian Onyx color palette (#D4EAD5, #684400, #003644, #230047, #070000)
• Frosted Canyon color palette (#EFDAE2, #AE8349, #904C00, #6B2100, #1E1500)
• Pale Olive color palette (#D2EDDF, #98A577, #7B7500, #614A00, #112C01)
• Cellar Navy Studio color palette (#EAD9DF, #774500, #004E5B, #1C007D, #040100)

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