Cocoa Station color palette — #FFF3E5 · #B6A57E · #8F6A3D · #7A401B · #443F00

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B6A57E): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8F6A3D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7A401B): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#443F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Bronze Ridge color palette (#FFEAD9, #B39963, #965826, #733233, #37352F)
• Antique Bronze Corridor color palette (#FAF5E6, #BABA9A, #967D36, #7F5214, #3D5007)
• Tempered Cocoa Loft color palette (#E9F6E8, #95B59D, #916E3C, #6F3E15, #082A1C)
• Softworn Apricot color palette (#ECF9EB, #DAD2A1, #D1A369, #B07867, #27443D)
• Softworn Moss Quarry color palette (#EFDDA8, #84974B, #6E5900, #5C2E00, #003311)
• Antique Delta color palette (#F8EAD1, #727D3C, #564200, #411D00, #151800)
• Antique Terrace color palette (#FFF1F2, #A76999, #985D69, #813B22, #442B2D)
• Wandering Grove color palette (#ECF9F5, #79B5E9, #A1583E, #15649C, #321F13)

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