Cocoa Study color palette — #F8E8DA · #664200 · #332B00 · #0D1100 · #010300

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F8E8DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#664200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#332B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0D1100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Obsidian Field color palette (#E0E6D3, #5D6400, #272D00, #0B1716, #050700)
• Smoked Garnet Terrace color palette (#FFE4E7, #8F2100, #431B00, #190B00, #020100)
• Aubergine Summit color palette (#D2E7DC, #544E00, #3B1197, #221F00, #010009)
• Worn Emerald color palette (#EDEFDD, #619B5B, #007A76, #412500, #020300)
• Aubergine Loft color palette (#E5E4C3, #413D00, #2B008B, #320054, #010100)
• Ancient Archive color palette (#EDECDA, #608300, #1F5300, #002A1C, #000A08)
• Cellar Villa color palette (#F7E1DC, #5D03F2, #585500, #070B05, #000201)
• Antique Emerald color palette (#E2ECE0, #00A760, #006C5B, #004747, #001D23)

Browse the whole catalog at Explore, or see today's palette.