Cocoa Station color palette — #FCEDF3 · #97B596 · #926B4E · #713B28 · #0D2917

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCEDF3): bright and airy, almost weightless.
• Sage (#97B596): A luminous, dusty green — the color of fresh herbs.
• Walnut (#926B4E): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#713B28): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#0D2917): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Worn Cocoa color palette (#F0DAE1, #83A286, #845A30, #672900, #001E0E)
• Tempered Bronze color palette (#FFF3E9, #BAA381, #9F6132, #714342, #3F3D36)
• Ancient Lantern color palette (#EAF5ED, #A8C2B5, #6A8C75, #705127, #1A312A)
• Wandering Alley color palette (#FEECF7, #C69EB1, #9F634F, #763535, #351823)
• Hushed Loft color palette (#FFDEF1, #CB9266, #A1512E, #810914, #291800)
• Cocoa Lantern color palette (#E4F6F8, #2A9A87, #94618C, #84362F, #001F23)
• Antique Garnet color palette (#F9E1EC, #A77D4E, #81420C, #5B1400, #150D00)
• Bronze Delta color palette (#D5E5D5, #876F20, #5C3C00, #381A00, #060500)

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