Cocoa Station color palette — #FAF4ED · #E3CFA4 · #977653 · #6C4200 · #312A23

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Wheat (#E3CFA4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#977653): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6C4200): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#312A23): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Washed Basalt color palette (#F6F6EA, #D9C191, #5E7C4D, #464500, #232311)
• Timeworn Thicket color palette (#FDF2F5, #CCE0CE, #A57D51, #5D3A46, #23181B)
• Antique Jade Corridor color palette (#F9F4ED, #E7CE9E, #78AA77, #A5884F, #2D2F28)
• Wandering Bronze Market color palette (#EBDCC7, #936E00, #3B2700, #1B2119, #0A0500)
• Softworn Market color palette (#FCF2F5, #EBDEAC, #C7925D, #86616E, #33282C)
• Ancient Taupe color palette (#E5DECA, #C2A054, #605600, #2F2900, #100A00)
• Patina Harbor color palette (#FFF4E2, #BFC292, #719F7B, #866279, #504900)
• Timeworn Taupe color palette (#FCF4E9, #C9A46E, #71A4B8, #75769D, #553600)

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