Dusty Cocoa Market color palette — #DDE8CC · #689EA7 · #4B6589 · #5A440B · #303605

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

The five colors

• Celadon Mist (#DDE8CC): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#689EA7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4B6589): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#5A440B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Forest (#303605): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Worn Denim color palette (#DDE6D7, #509589, #305B89, #363800, #00291A)
• Washed Petrol color palette (#D5EBD7, #819B72, #047888, #673900, #393200)
• Dusty Pewter color palette (#C4F1F5, #699CB8, #706297, #32542A, #08403A)
• Patina Field color palette (#D6EED5, #529AB0, #466499, #57292F, #341000)
• Aqua Villa color palette (#E0EEE4, #66C3DA, #8292CC, #77706B, #4D2C10)
• Muted Cypress Pier color palette (#DCFDFB, #9EC1D1, #7785A4, #427163, #345249)
• Worn Corridor color palette (#D8EBE9, #66AFC9, #5E86BD, #794B52, #47273A)
• Muted Petrol color palette (#F6EBF0, #96B5CF, #4563B1, #00504D, #312353)

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