Quiet Cocoa color palette — #EEDFD6 · #BD702F · #832E00 · #460006 · #020100
A conversation between Rust and Caramel, giving this palette its sense of optimism and warmth.
The five colors
- Parchment (#EEDFD6): A whisper-light, dusty gold — the color of old brass.
- Caramel (#BD702F): A luminous, balanced gold — the color of old brass.
- Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#460006): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Quiet 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
- Tempered Bronze Workshop color palette (#FFEAD1, #9E8236, #6A4500, #371800, #010100)
- Terracotta Study color palette (#FBDFCC, #CE883E, #984300, #620700, #070300)
- Muted Lagoon color palette (#F6DDCF, #C97B00, #AC4D2F, #783146, #110A00)
- Hazy Bronze color palette (#FFF3E9, #EAAD68, #C15F00, #8C2000, #221600)
- Ancient Bronze color palette (#FFF4DC, #B3B874, #8A7500, #5D4000, #151300)
- Antique Peony Thicket color palette (#EADCEA, #D04DA5, #900048, #430008, #030000)
- Gentle Amber Parlor color palette (#FFF4E1, #E0D277, #B68A00, #865200, #2F2800)
- Hushed Aubergine Harbor color palette (#F9E3E9, #AF69DD, #8F1900, #58007F, #040000)
Browse the whole catalog at Explore, or see today's palette.