Cocoa Station color palette — #F7E6F3 · #B06375 · #7A3421 · #002D13 · #000303

A conversation between Rust and Mocha, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7E6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#B06375): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#7A3421): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002D13): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Washed Bronze Villa color palette (#FFE5E2, #AC6D47, #624900, #002D2E, #000103)
• Hushed Pewter Station color palette (#E6E7FA, #8F65A4, #66334B, #222100, #000200)
• Cocoa Summit color palette (#FFEAE7, #885D4D, #583100, #162100, #000E0A)
• Muted Balcony color palette (#FFE4DB, #DA3E00, #771900, #1E2218, #150200)
• Hushed Study color palette (#F8E2FF, #B26884, #855C44, #005154, #001415)
• Plum Boulevard color palette (#EEDEE4, #CA005D, #860027, #2E0002, #030000)
• Amber Thicket color palette (#F8D8CB, #C48338, #605C00, #003D4D, #000C1D)
• Pale Bloom color palette (#FFE9E5, #A10705, #005621, #14138F, #040000)

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