Cocoa Study color palette — #F2E1D6 · #7D3E17 · #4B1600 · #230100 · #030100
A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Parchment (#F2E1D6): A whisper-light, dusty gold — the color of old brass.
- Bronze (#7D3E17): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#4B1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#230100): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#030100): a grounded near-black with real depth.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.
Use it as a design system
One click turns Cocoa Study 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
- Midnight Villa color palette (#ECE1CE, #5F5200, #352800, #160C00, #010100)
- Weathered Chestnut Archive color palette (#F9EEE3, #A47E50, #7C4600, #4F2300, #170C00)
- Garnet Atelier color palette (#FEEBE0, #A06125, #6B1E00, #2B0009, #020100)
- Bronze Dune color palette (#FDE9C9, #83702E, #564000, #311E00, #070500)
- Inked Studio color palette (#F8E2EF, #93155F, #520025, #1D0005, #040000)
- Inked Terracotta color palette (#F1DDE5, #913533, #1D0038, #100303, #020007)
- Antique Cocoa color palette (#FFE3CE, #CA9263, #9A582B, #722A04, #2B1700)
- Aubergine Boulevard color palette (#F0DCE5, #440085, #55000F, #00151B, #020007)
Browse the whole catalog at Explore, or see today's palette.