Cocoa Station color palette — #FFF2EC · #EEB19E · #C8886B · #97674A · #724104

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#EEB19E): A luminous, dusty orange — the color of toasted spice.
• Caramel (#C8886B): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#97674A): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#724104): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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 Meadow color palette (#FFF3E7, #F4CAA5, #C09367, #885F37, #543100)
• Timeworn Chestnut color palette (#FFEDEA, #E2A5A1, #B46E4D, #895215, #4F4F48)
• Wandering Harbor color palette (#FFF1F1, #F1B2CE, #C8869D, #9A5F6D, #69483F)
• Muted Chestnut Market color palette (#FFF3E6, #DCDCCA, #94BBC2, #C6A184, #744B01)
• Softworn Apricot color palette (#FFECE0, #FB9520, #C67700, #8D5E00, #533B00)
• Cocoa Studio color palette (#FFF3E8, #D8A581, #9CAD77, #BA7D99, #633500)
• Amber Boulevard color palette (#E6E0D3, #A88700, #6C5E00, #403E00, #1D1F00)
• Faded Moss Lantern color palette (#EFE2AE, #C8BF6E, #92973A, #636E1E, #3F4C23)

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