Cocoa Station color palette — #FBDAE4 · #683E00 · #002E41 · #1D0029 · #030005

Bronze and Deep Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#FBDAE4): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#683E00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D0029): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030005): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Obsidian Corridor color palette (#D8F3DC, #5F4400, #002D46, #26000D, #040001)
• Garnet Field color palette (#EFD9EF, #8C0028, #00312D, #040041, #00000B)
• Onyx Station color palette (#FCEECF, #766700, #004545, #180043, #050000)
• Hushed Onyx color palette (#F7ECDD, #885C00, #004F55, #440043, #130012)
• Nocturne Onyx color palette (#D7F2E7, #374100, #2A004F, #130014, #030100)
• Velvet Fern Atelier color palette (#D4F3EC, #285700, #00322B, #001720, #030028)
• Twilit Harbor color palette (#D4F0E3, #5D545C, #383900, #171C22, #000903)
• Cellar Meadow color palette (#F6EFCF, #576100, #004413, #002416, #000505)

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