Cocoa Station color palette — #E6F6EE · #8CB6A8 · #7A7845 · #5E490E · #0B2824

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

The five colors

• Cream (#E6F6EE): bright and airy, almost weightless.
• Sage (#8CB6A8): A luminous, dusty teal — the color of sea glass.
• Walnut (#7A7845): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#5E490E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#0B2824): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Bronze Drift color palette (#DAF0E0, #A7A45C, #826800, #5E3B00, #182000)
• Hushed Bronze Corridor color palette (#FFECF4, #C79FAB, #9A6846, #6D3D30, #122917)
• Hushed Driftwood color palette (#FBF5E2, #C5BF98, #969352, #7A6634, #404000)
• Pewter Balcony color palette (#FBEEF2, #A8C4AD, #9E7683, #704A5F, #1F3127)
• Worn Villa color palette (#D5F5E3, #838D53, #605600, #402E00, #00120E)
• Chalky Forest Terrace color palette (#EEF1FF, #8D78BD, #906F2B, #15631E, #16182B)
• Hazy Chestnut Dune color palette (#F8E5ED, #B5823B, #884800, #601C00, #191100)
• Worn Corridor color palette (#F1DAE7, #9A6336, #722A00, #480004, #0A0400)

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