Cocoa Station color palette — #FEECDE · #713300 · #253700 · #2C0027 · #0E0100

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

The five colors

• Cream (#FEECDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#713300): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#253700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#2C0027): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#0E0100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged jewel, vibrant, 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

• Onyx Balcony color palette (#EDDFC4, #574600, #003527, #390011, #0D0400)
• Nocturne Ridge color palette (#F7DBD3, #8D002B, #3A2E00, #23004A, #150002)
• Onyx Harbor color palette (#EFDCCC, #773C00, #003C3C, #130053, #040001)
• Powdered Study color palette (#FFF0D9, #755300, #004A2E, #530023, #250D00)
• Wandering Pier color palette (#F0E9D2, #7E6200, #3F4000, #002B26, #1B1600)
• Cocoa Delta color palette (#EEE6DC, #C5B79F, #9A8D6E, #5C3E00, #261E13)
• Navy Study color palette (#F6D9E5, #925000, #00555B, #1D1E7F, #160008)
• Olive Lagoon color palette (#F6F7E6, #317700, #005360, #562A00, #261D04)

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