Cocoa Station color palette — #CAE3FB · #8C98B6 · #646386 · #5E3500 · #002214

Bronze and Slate set the tone — five colors that lean into optimism and calm.

The five colors

• Powder Blue (#CAE3FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8C98B6): A luminous, dusty violet — the color of a velvet chair.
• Slate (#646386): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#5E3500): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#002214): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Garnet Cabin color palette (#DAEEF2, #758DA5, #575B81, #6C240E, #2C1700)
• Worn Basalt color palette (#E1DDFA, #A786A9, #8C5966, #414400, #00270F)
• Softworn Abyss color palette (#E5EBDB, #63A5BA, #5F6194, #1A5028, #003633)
• Pewter Workshop color palette (#DFE7FA, #7D6A9C, #664062, #3B2B00, #0F1600)
• Fern Boulevard color palette (#E4FAFF, #8CC9C5, #748EAE, #515D2B, #002E2B)
• Patina Driftwood color palette (#D3E9FE, #C79FB8, #9775A5, #765126, #3B3932)
• Hushed Pewter color palette (#F0F0FF, #D0C7DB, #9A8A9A, #4D6D66, #2C4547)
• Petrol Workshop color palette (#E3ECE4, #99B8CD, #1970AE, #004A51, #011338)

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