Cocoa Station color palette — #F8DDEE · #822C00 · #004353 · #390E00 · #000102

A conversation between Rust and Espresso, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8DDEE): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#822C00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

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

• Smoked Navy Ridge color palette (#D9E8D8, #694300, #00377E, #2C1A00, #000105)
• Shadow Mulberry color palette (#E7DDEE, #8B0054, #00463B, #3D0022, #000201)
• Aubergine Loft color palette (#F7E1EC, #622800, #003B2B, #260062, #030100)
• Rust Orchard color palette (#FFDDC9, #B13E00, #00627A, #621F00, #00070B)
• Velvet Chestnut color palette (#FBE4D7, #984800, #492000, #161E17, #0F0300)
• Twilit Hollow color palette (#E2E2F3, #006D6A, #6F4A00, #030F0C, #000200)
• Pale Chapel color palette (#CEE5DA, #625E00, #5400B6, #2D2B00, #040011)
• Tempered Boulevard color palette (#FFE6EF, #B76A00, #0074A3, #673900, #001421)

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