Cocoa Boulevard color palette — #F8E8F1 · #712900 · #002C18 · #000939 · #040000

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

The five colors

• Blush (#F8E8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#712900): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#002C18): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#000939): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Cocoa Boulevard 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

• Lowlit Onyx Dune color palette (#D6EEDA, #503900, #002D28, #17003B, #030100)
• Smoked Garnet Grove color palette (#F4E5F6, #7D002F, #172C00, #00121B, #040001)
• Moonless Terracotta Bloom color palette (#F1E3CA, #8E3500, #352F00, #07004A, #030100)
• Terracotta Corridor color palette (#FAEAE0, #A23300, #00484E, #002C30, #040007)
• Smoked Chestnut Meadow color palette (#FBDDDA, #9C4A00, #4D3700, #151400, #000200)
• Wandering Archive color palette (#F6EDF2, #96A596, #5A8771, #5B2300, #0A0206)
• Cellar Veranda color palette (#FBDFE5, #8D00A7, #003D3E, #001D2F, #010009)
• Gentle Canyon color palette (#E4F7F2, #639345, #0069A4, #71274B, #01160F)

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