Dusty Cocoa color palette — #FFF2EE · #E0DACE · #D8A0C2 · #A0B3B2 · #7F3F28
A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0DACE): a clean, paper-quiet neutral.
- Mauve (#D8A0C2): A luminous, dusty pink — the color of a candy shop window.
- Ash (#A0B3B2): A luminous, dusty teal — the color of sea glass.
- Bronze (#7F3F28): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Taupe Terrace color palette (#FDF3E7, #DCE2C8, #BDBCC7, #D39670, #654600)
- Antique Bloom color palette (#FFF2EC, #DFD9CD, #9CC0BA, #F37190, #5D3721)
- Weathered Stone color palette (#FBF1FD, #E9D5D9, #DFB79C, #9080A0, #5B4D59)
- Worn Basalt Cabin color palette (#FEF3E7, #DDE0BF, #C9A881, #9B6F52, #4F3C00)
- Antique Cocoa color palette (#CDFAF5, #FFE9E2, #D4CDD7, #662D02, #261D19)
- Misty Garnet color palette (#FBDBCE, #E6A68B, #B1823B, #730040, #040000)
- Patina Archive color palette (#FCF3EC, #EAB798, #65BECA, #5F82BC, #36302C)
- Muted Bronze Loft color palette (#FBF3EE, #DFE1CD, #B2764C, #633A28, #241811)
Browse the whole catalog at Explore, or see today's palette.