Cocoa Boulevard color palette — #F8DDCF · #702F00 · #31312A · #180900 · #060003

Rust takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F8DDCF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#702F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#31312A): quiet, heavy and certain.
• Ink (#180900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Antique Courtyard color palette (#FDE0CA, #9B5D00, #6A4300, #352300, #0D0800)
• Garnet Alley color palette (#F5E7F6, #840027, #302717, #220000, #050005)
• Patina Amber color palette (#F7D3E2, #C56C00, #5E3D05, #381C29, #190D14)
• Bronze Villa color palette (#DDEADF, #856300, #00675B, #483400, #000806)
• Pine Balcony color palette (#D0F6F3, #008A5C, #00523F, #3E2600, #000803)
• Deep Fern color palette (#EBEFD7, #525800, #1A1A23, #111D00, #000302)
• Pale Field color palette (#F6EED0, #695700, #005C3C, #770403, #020200)
• Muted Bronze Field color palette (#D0E7D3, #A57700, #244934, #19251B, #0A0F09)

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