Dusty Cocoa color palette — #FFE8F4 · #D4ABDB · #AC6F99 · #8A505B · #7B3D21

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#D4ABDB): A luminous, balanced pink — the color of peonies in June.
• Dusty Rose (#AC6F99): A luminous, balanced pink — the color of a candy shop window.
• Coffee (#8A505B): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#7B3D21): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged 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

• Weathered Mulberry color palette (#F1F0FF, #CAA2C4, #B47198, #873E5B, #463149)
• Driftwood Corridor color palette (#FFF1F4, #E8BDE3, #C180AB, #AB5F81, #684038)
• Aged Fern color palette (#FFF1F1, #DDA0AF, #AE6B63, #88583A, #545500)
• Hushed Pewter Alley color palette (#FFF1F1, #D19EBB, #57AB95, #9B5A81, #405432)
• Hushed Villa color palette (#CBFBEE, #9EABDF, #8375B1, #735680, #6A4847)
• Timeworn Pier color palette (#FFF1F1, #E2DAD0, #C7C9A4, #A17C8B, #5F4942)
• Rust Corridor color palette (#FBDEF2, #D16F8A, #B6474A, #783700, #4B2F00)
• Softworn Summit color palette (#FFF1F2, #B886A6, #3B9A99, #427A8F, #533B3C)

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