Cocoa Station color palette — #FFF3E8 · #B7A678 · #8F6949 · #7C3E22 · #3F3D36

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#B7A678): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#8F6949): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Patina Dune color palette (#FFECF2, #98B497, #936C44, #684226, #132817)
• Chestnut Station color palette (#F8E4CF, #A5975A, #87581C, #63362C, #31312A)
• Basalt Field color palette (#FFF3E7, #D6B894, #AC8763, #885E41, #533700)
• Timeworn Driftwood Thicket color palette (#FFF1F6, #BDD9C3, #CCA37F, #B17766, #2B4338)
• Weathered Lagoon color palette (#EDFBE2, #009779, #A45658, #754243, #2C3723)
• Muted Dune color palette (#F1E2CF, #7F7900, #5D3F00, #471700, #181700)
• Pale Mallow color palette (#F8E8D7, #FF99F6, #CCB100, #3F413A, #2E2B24)
• Washed Coral Veranda color palette (#EDF9EF, #E79689, #015C65, #173620, #0D1F1C)

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