Cocoa Station color palette — #F1D9E4 · #6C3100 · #004030 · #001E36 · #0B0200

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F1D9E4): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#6C3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Forest (#004030): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001E36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, 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

• Moonless Meadow color palette (#E8D7F7, #7B0051, #373900, #002127, #0F0006)
• Deep Onyx Pier color palette (#E7F4E9, #493300, #003133, #100040, #030100)
• Garnet Chapel color palette (#F7E1F4, #8E0016, #053403, #02004B, #170001)
• Ancient Bronze color palette (#F7E3DE, #955700, #4A3A00, #171B00, #000A06)
• Ancient Basalt Alley color palette (#F8EAF0, #9DAEA1, #5F8A7A, #552B00, #1E0E16)
• Moonless Archive color palette (#E6DAE3, #B72F22, #213C00, #4F0200, #010200)
• Airy Aubergine Terrace color palette (#CCE5D5, #746100, #005B7A, #490E7B, #002210)
• Hushed Mulberry color palette (#F0EAFF, #A00097, #005C70, #003761, #0D000C)

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