Dusty Cocoa color palette — #D0E5D7 · #759CC1 · #5F618D · #7D301B · #523300

Built around Rust, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#D0E5D7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#759CC1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5F618D): A full-bodied, dusty violet — the color of wild irises.
• Rust (#7D301B): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#523300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Creativity, Balance. 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

• Washed Workshop color palette (#D6EFD5, #77A18C, #496A99, #79333D, #593114)
• Hushed Quarry color palette (#DFF0FF, #9399C3, #79618B, #643F15, #3A3406)
• Washed Denim color palette (#DAE3C5, #67A1AE, #555BA3, #533E00, #201B00)
• Basalt Loft color palette (#E3EDFF, #77709C, #624167, #3C2600, #1D1D00)
• Softworn Cobalt color palette (#DAF3EF, #7FAFBD, #6980C2, #575E20, #164234)
• Misty Nightshade color palette (#E9D8E7, #507CD0, #8A6200, #0035B7, #372500)
• Patina Boulevard color palette (#D4FDF3, #C7AFBE, #9F7883, #7D5E3A, #48550A)
• Petrol Meadow color palette (#F4EEE4, #9DBA9F, #007587, #005141, #003345)

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