Dusty Cocoa color palette — #F8F1E5 · #7DB7BB · #4A7EA3 · #7B3B46 · #193224

A conversation between Oxblood and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Ash (#7DB7BB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4A7EA3): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#7B3B46): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#193224): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Basalt Market color palette (#FBF0E0, #88B996, #368785, #67426C, #26301B)
• Tempered Cocoa Garden color palette (#FAF0E1, #8DAFD2, #77729F, #764416, #372535)
• Wandering Cobalt color palette (#FFF0F7, #6FB8A3, #427BB3, #784E34, #334C55)
• Softworn Pier color palette (#EAFAED, #6ED0D6, #5A99C6, #935D64, #354B56)
• Antique Ultramarine color palette (#FFF0D8, #00A0C7, #2E5ABA, #751200, #001F31)
• Weathered Villa color palette (#F5F2E9, #C7C5AB, #6C8D6B, #58674E, #32312A)
• Patina Harbor color palette (#E2F2E9, #3E8EA8, #28413B, #13221A, #080E09)
• Weathered Lantern color palette (#E7F6EB, #B9D3C8, #9E8797, #8F5031, #663A00)

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