Dusty Cocoa color palette — #F8D7E4 · #A57034 · #7C4100 · #502000 · #130900
A conversation between Bronze and Ochre, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F8D7E4): A whisper-light, dusty rose — the color of strawberry cream.
- Ochre (#A57034): A full-bodied, balanced gold — the color of old brass.
- Bronze (#7C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#502000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#130900): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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
- Chestnut Villa color palette (#CFE7D6, #8A7E3B, #655000, #402C00, #0D0C00)
- Timeworn Bronze Archive color palette (#F2DCE5, #885E00, #572B00, #3C0200, #0E0B00)
- Amber Balcony color palette (#EFE3D9, #BA7400, #733E00, #391600, #020100)
- Garnet Quarry color palette (#FDE9F4, #C69170, #A25D3E, #862813, #391C00)
- Hushed Mulberry color palette (#FEE5EB, #CF5570, #A30024, #550600, #1A0400)
- Moss Cabin color palette (#DEF5E8, #B6BA73, #938827, #745E00, #313B00)
- Washed Thicket color palette (#FFF1F5, #AAC7AA, #AD8760, #8C5C38, #304333)
- Feathered Terracotta Atelier color palette (#F0EAF9, #B6619D, #9E0018, #790061, #070000)
Browse the whole catalog at Explore, or see today's palette.