Cocoa Study color palette — #D8E5D8 · #674400 · #004639 · #2C1A00 · #000201

Bronze takes the lead with Forest close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#D8E5D8): A whisper-light, dusty green — the color of fresh herbs.
• Bronze (#674400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004639): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#2C1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: 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

• Inked Chestnut Cabin color palette (#D2E7DE, #675700, #283036, #141600, #010100)
• Garnet Harbor color palette (#D9E7DF, #554D00, #710030, #231F00, #040001)
• Obsidian Balcony color palette (#E8E0D4, #503500, #033D07, #470016, #020100)
• Bronze Grove color palette (#D6E3D7, #8A6300, #005A88, #3A2700, #000103)
• Velvet Loft color palette (#F5DEC3, #704700, #0021AE, #301B00, #000221)
• Muted Quarry color palette (#DBF4DF, #948A4E, #6C7412, #492D00, #020100)
• Twilit Aubergine Corridor color palette (#FFE8F2, #763900, #5C0075, #331500, #030005)
• Bronze Market color palette (#E1F1E7, #947E00, #007B7C, #534600, #001616)

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