Dusty Cocoa color palette — #FFF1F1 · #DB96B7 · #7F4126 · #392524 · #150D0F
A conversation between Bronze and Mauve, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Mauve (#DB96B7): A luminous, balanced rose — the color of a warm blush.
- Bronze (#7F4126): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#392524): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#150D0F): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Worn Mallow Basin color palette (#F6EEFC, #E69EBD, #87748B, #595160, #232026)
- Timeworn Amber color palette (#FFF3E9, #D18B5B, #5B4100, #2B1A0A, #0A0402)
- Muted Rose Lantern color palette (#FFF2EE, #E35F79, #57301D, #2A060F, #050001)
- Muted Market color palette (#F6EEFE, #B4598A, #483546, #2C2631, #181418)
- Cellar Terracotta color palette (#F5E0D3, #9E3C00, #29332E, #1B1000, #030100)
- Antique Cocoa color palette (#F8EADC, #60636B, #6F4100, #181C14, #070500)
- Garnet Meadow color palette (#F8E2DE, #710039, #252B22, #170B03, #040000)
- Turquoise Balcony color palette (#FFF2EA, #FBBB9C, #75CEBD, #44AEE0, #3D3732)
Browse the whole catalog at Explore, or see today's palette.