Cocoa Station color palette — #F9E2D2 · #694400 · #312A00 · #101400 · #000200

A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F9E2D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#694400): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#101400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): 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 Station 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

• Shadow Veranda color palette (#D3E9DD, #534E00, #3700A3, #221F00, #010009)
• Twilit Meadow color palette (#EBF0DD, #5B6300, #2A3000, #141F21, #070A00)
• Charred Garnet Study color palette (#FFE5E7, #891B00, #512000, #180900, #020100)
• Emerald Parlor color palette (#CFEADC, #5F9353, #00786B, #4B2E00, #020400)
• Nightshade Quarry color palette (#F3EEDA, #463B00, #1C0094, #3B0045, #020100)
• Hazy Moss Basin color palette (#F3E7CE, #9A8900, #5A6200, #174000, #002012)
• Lowlit Grape color palette (#FCDBEA, #5B07F3, #435C00, #040C07, #000201)
• Antique Emerald Atelier color palette (#DDE6D9, #00A25C, #00755F, #004342, #001C21)

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