Dusty Cocoa color palette — #F9EEE6 · #B8A694 · #9D7837 · #5D2300 · #210F03
Espresso takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#F9EEE6): a clean, paper-quiet neutral.
- Taupe (#B8A694): A luminous, dusty gold — the color of afternoon light on wheat.
- Walnut (#9D7837): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#5D2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#210F03): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Dusty Garnet color palette (#F8E5E2, #BAA39C, #AC6E49, #690037, #1E0F0E)
- Aged Lagoon color palette (#F0E8DD, #A39981, #7E7127, #3A2700, #100700)
- Fern Bloom color palette (#F0EEE2, #B8BCA3, #889378, #3B4C00, #222011)
- Terracotta Meadow color palette (#E5DCE1, #ADB8AC, #7F9E8C, #8B3200, #1D0E18)
- Antique Chestnut color palette (#FFF3E8, #E0D0BC, #B4A585, #884600, #37322D)
- Aged Alley color palette (#F2E0CD, #FD4C26, #A26000, #4B4A00, #160D00)
- Tempered Olive color palette (#EBE3D0, #657400, #1C4200, #450504, #0E1100)
- Nocturne Chestnut Garden color palette (#E6DFD0, #884100, #3B2F00, #001C25, #140800)
Browse the whole catalog at Explore, or see today's palette.