Cocoa Station color palette — #DCE1F4 · #006E5E · #794200 · #0E0C05 · #020100

Bronze takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#DCE1F4): A whisper-light, dusty violet — the color of a velvet chair.
• Pine (#006E5E): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#794200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#0E0C05): quiet, heavy and certain.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, 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

• Obsidian Petrol color palette (#FFDEF1, #006789, #565600, #0B0D07, #020100)
• Velvet Terracotta Market color palette (#E3E9F9, #227100, #9C0705, #110B04, #030000)
• Chestnut Orchard color palette (#F3E6D9, #705300, #273232, #201000, #020100)
• Muted Villa color palette (#EDE7FF, #008F77, #A25A00, #200203, #060002)
• Olive Canyon color palette (#E5E2DA, #908E7C, #6B7129, #2F2A00, #020100)
• Onyx Summit color palette (#EFDCC5, #4B3000, #002F3F, #14003C, #020100)
• Plum Summit color palette (#F7D6E8, #008397, #AE0081, #170406, #030007)
• Muted Delta color palette (#E5DFFC, #00AD8E, #AB7E00, #141603, #070300)

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