Dusty Cocoa color palette — #FEDCEB · #A96D7D · #8D5350 · #5F4500 · #131200

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FEDCEB): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#A96D7D): A luminous, dusty red — the color of embers at dusk.
• Coffee (#8D5350): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#5F4500): A full-bodied, balanced gold — the color of old brass.
• Ink (#131200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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 Drift color palette (#ECE4F6, #9E77A3, #954F7C, #6F381A, #1C0C00)
• Garnet Harbor color palette (#EEDDEE, #8778A6, #6C3954, #002410, #000102)
• Worn Forest color palette (#F5E4DA, #AC8B65, #877337, #006C38, #00261C)
• Softworn Mulberry Harbor color palette (#EADEF7, #C34994, #906A00, #95006A, #0A0500)
• Muted Market color palette (#F2D8E2, #DAA0A8, #C27F78, #856D19, #37380D)
• Frosted Terrace color palette (#EFDAEA, #A83C98, #AD3B00, #2624F1, #050004)
• Tempered Plum color palette (#FFE3ED, #CE668E, #B6006C, #620038, #060002)
• Blush Veranda color palette (#FFE7F5, #E9B7CA, #E39497, #9E7F4E, #564A0A)

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