Cocoa Station color palette — #FFDFE9 · #714300 · #342D00 · #001B2E · #030000

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FFDFE9): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#714300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#001B2E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. 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

• Garnet Courtyard color palette (#FAE6F5, #860C00, #433300, #00192A, #040000)
• Cellar Onyx Garden color palette (#F5DAE6, #713700, #173700, #16004D, #030100)
• Wandering Study color palette (#FFE4EF, #B7544F, #613800, #2B2400, #010700)
• Cellar Mulberry Studio color palette (#E7DBF0, #9E0162, #343B00, #1A0050, #0C0004)
• Softworn Parlor color palette (#FFF2ED, #CD2537, #00553F, #002F47, #030003)
• Hushed Navy Coast color palette (#D3F2DD, #755F00, #335200, #0D0084, #080400)
• Wandering Garnet color palette (#E6DCE3, #ABB7AA, #7A9489, #7B1C00, #150411)
• Hazy Brick color palette (#FFE4D6, #B42A00, #315300, #002B86, #160100)

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