Cocoa Station color palette — #CFE9E6 · #6899A8 · #456B8E · #653305 · #002316

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CFE9E6): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6899A8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#456B8E): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#653305): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#002316): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Weathered Denim Field color palette (#D6EAF0, #6A95B6, #62538D, #413A00, #002118)
• Muted Quarry color palette (#DBF0E8, #6A9F7E, #007684, #642A33, #301427)
• Petrol Summit color palette (#C8E5EA, #7CB0CA, #606B9E, #36503C, #143620)
• Petrol Lagoon color palette (#D9EDFF, #0072AB, #8F4800, #5A4B00, #000C18)
• Aged Petrol Pier color palette (#D0F3FE, #67A5CB, #476CA0, #484264, #392E4A)
• Driftwood Grove color palette (#D2EDF7, #98B4D2, #9083AF, #4C6959, #274138)
• Muted Courtyard color palette (#C0EADF, #73B2C1, #6A82B7, #7E4E13, #583200)
• Aubergine Harbor color palette (#D4F6FF, #3771AF, #582682, #292600, #050C00)

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