Dusty Cocoa color palette — #F5D3E8 · #9E6169 · #7D3F26 · #00361B · #001818

A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F5D3E8): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#9E6169): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#7D3F26): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00361B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001818): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Mulberry Quarry color palette (#E0DEFE, #9E757C, #7F3C5B, #2F3100, #001502)
• Weathered Garden color palette (#FFDDD9, #A3724D, #67541B, #003539, #001625)
• Wandering Bronze Corridor color palette (#DFE2FF, #BC90B2, #945D48, #005062, #00222B)
• Terracotta Alley color palette (#EBEFFC, #A86A96, #883421, #003B4F, #102139)
• Twilit Chestnut Terrace color palette (#FFE0DA, #80572B, #433B00, #001F25, #000308)
• Garnet Market color palette (#FDE9E3, #C06045, #852200, #2E0A00, #060000)
• Rust Chapel color palette (#F6E3DB, #AB453F, #00656A, #6B0109, #000A0B)
• Onyx Harbor color palette (#F4EBDC, #7F7B46, #3A4B00, #371454, #090800)

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