Cocoa Station color palette — #F8E0DE · #A46854 · #6C3900 · #242F00 · #001D15

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8E0DE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#A46854): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6C3900): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#242F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001D15): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Bronze Parlor color palette (#F0DFD6, #965F26, #4F3800, #01260B, #001111)
• Driftwood Quarry color palette (#F4DDEA, #AE617C, #773638, #382700, #1E1900)
• Bronze Quarry color palette (#F1E9DD, #957B36, #4E5010, #003A2D, #00212B)
• Tempered Studio color palette (#E2E3F9, #915677, #6F3126, #00292C, #000D1E)
• Softworn Coast color palette (#F5E1DF, #D57B5D, #AD6000, #4E6121, #032000)
• Antique Terracotta color palette (#EDDAE4, #9A3F00, #015C14, #4C1C00, #001502)
• Soft Scarlet Chapel color palette (#FFE1DF, #CD1908, #752300, #371100, #130B00)
• Amber Lagoon color palette (#FFEAE6, #D38C69, #8B6034, #3B5314, #004038)

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