Cocoa Boulevard color palette — #FFE0EC · #5E3200 · #391C00 · #001815 · #040001

Cocoa and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#FFE0EC): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5E3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#391C00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001815): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Obsidian Plum Drift color palette (#F5E7F2, #B42B61, #6C1D00, #211200, #010100)
• Obsidian Mulberry color palette (#CFEADC, #96006C, #472500, #001627, #060001)
• Inked Chapel color palette (#E3F0E7, #513D00, #003209, #00120F, #040002)
• Tempered Dune color palette (#FBEDE4, #9E3600, #513500, #002F3A, #070001)
• Smoked Pier color palette (#E9DEEC, #65002B, #023005, #001217, #04000E)
• Patina Harbor color palette (#F0E6F2, #AA9BA3, #6A836F, #690028, #080209)
• Hushed Scarlet color palette (#F8DDF2, #CB59D4, #D2051A, #4B4E00, #040100)
• Lowlit Ridge color palette (#DCF6F2, #175D01, #0C3D00, #02005F, #020100)

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