Cocoa Station color palette — #F1E6D4 · #A3966D · #79601F · #653700 · #31312A

Bronze takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F1E6D4): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A3966D): A luminous, dusty green — the color of fresh herbs.
• Olive (#79601F): A full-bodied, balanced gold — the color of old brass.
• Bronze (#653700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#31312A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Garnet Harbor color palette (#F7E4D9, #AE9075, #914F39, #6E2A35, #34302A)
• Antique Bronze Quarry color palette (#F3E6CF, #BAAF78, #9C7C11, #74551A, #32302A)
• Hushed Fern color palette (#E7DEC4, #7A9159, #5E5800, #4A3200, #002D0D)
• Worn Chestnut Meadow color palette (#FAE8DA, #895D1D, #5B2700, #3D0005, #0F0B00)
• Mulberry Bloom color palette (#DEF5E9, #007C9C, #8A4477, #653800, #042F1E)
• Wandering Taupe color palette (#E5F3E9, #C88A74, #004C56, #00272D, #001513)
• Mulberry Drift color palette (#F0F8F1, #49AAB3, #7F3E8F, #005B62, #271016)
• Quiet Balcony color palette (#FEF0FD, #3463A5, #722675, #493000, #092810)

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