Muted Cocoa color palette — #F9DCEA · #AB7C38 · #7A3800 · #460004 · #020100
Built around Bronze, softened by Caramel — the whole palette hums with optimism and balance.
The five colors
- Rose Water (#F9DCEA): A whisper-light, dusty rose — the color of pressed rose petals.
- Caramel (#AB7C38): A luminous, balanced gold — the color of old brass.
- Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#460004): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Muted 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 Driftwood Villa color palette (#D9F0DD, #8F8932, #634800, #361900, #000201)
- Amber Grove color palette (#FBDCE8, #C09136, #8E4C00, #600D00, #000502)
- Dusty Garnet Basin color palette (#FFF1F6, #DCB560, #B46900, #892600, #1B1900)
- Olive Study color palette (#E3FCF0, #A0BF7C, #7F7A00, #5C4100, #001715)
- Antique Cocoa color palette (#CDEBF6, #006D73, #763B00, #00320D, #000102)
- Ancient Amber color palette (#DEEFFF, #D56C3C, #002E4B, #0A0B14, #000103)
- Amber Veranda color palette (#E1FDEB, #CBD898, #AB9000, #835412, #002F2A)
- Midnight Ultramarine color palette (#D8E5FF, #382DDB, #650026, #0B1500, #000103)
Browse the whole catalog at Explore, or see today's palette.