Dusty Cocoa color palette — #E0EEFF · #888EB7 · #615D80 · #583400 · #252300

A conversation between Cocoa and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Frost (#E0EEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#888EB7): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#615D80): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#583400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#252300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Coast color palette (#DEE3F1, #A68BB5, #804B67, #423F00, #00221D)
• Garnet Field color palette (#D6EBF2, #6793AD, #54618F, #651E1E, #331322)
• Patina Pewter Ridge color palette (#D9E0FF, #826BA0, #69405D, #403100, #0B1400)
• Weathered Chestnut Delta color palette (#D7E4F3, #9A9EC9, #936EA5, #7C4F0F, #3E3A03)
• Timeworn Lagoon color palette (#E1FBFF, #9ECADC, #8686B3, #415A2B, #002E27)
• Patina Cypress color palette (#F2F0FF, #CCC2D7, #9A8798, #496B64, #284448)
• Hushed Cypress color palette (#CFEBE8, #669A87, #00635C, #00404E, #00170F)
• Hushed Ridge color palette (#E2ECE4, #9AB7CE, #306EAB, #004A54, #04103D)

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