Cocoa Station color palette — #F1EAE3 · #ABA492 · #878A66 · #653900 · #0F0702

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

The five colors

• Cream (#F1EAE3): bright and airy, almost weightless.
• Taupe (#ABA492): A luminous, dusty gold — the color of old brass.
• Driftwood (#878A66): A luminous, dusty green — the color of fresh herbs.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#0F0702): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Softworn Corridor color palette (#EEE6DC, #A0A291, #868A74, #855900, #100700)
• Basalt Summit color palette (#F3E6EA, #ADC0B4, #759B90, #563200, #040001)
• Onyx Summit color palette (#E4EAE3, #8BA091, #5A786C, #3D2500, #040C04)
• Fern Quarry color palette (#ECECE3, #AFB8A7, #7F9E86, #3C5E00, #161504)
• Bronze Lagoon color palette (#F4EEE4, #DAD8C7, #B1BCA1, #8F6C00, #352C1E)
• Airy Boulevard color palette (#FFDBD4, #917039, #006934, #4E1743, #25071F)
• Antique Pine color palette (#F2EEDE, #388849, #005148, #44183A, #050700)
• Rose Meadow color palette (#F9ECD6, #EC4C4D, #956F00, #006E59, #050600)

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