Cocoa Boulevard color palette — #F2D9E5 · #813A00 · #562400 · #00241F · #040002

A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F2D9E5): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#813A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#562400): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#00241F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Velvet Chapel color palette (#F3E3F8, #8F0043, #4F2900, #00201E, #040001)
• Softworn Mulberry Pier color palette (#C8E8D6, #8A4491, #682000, #00203A, #110006)
• Twilit Boulevard color palette (#F6DDE5, #633A00, #313500, #030054, #030100)
• Worn Parlor color palette (#FADEE9, #975500, #4F4200, #003048, #0D0100)
• Garnet Parlor color palette (#EBE1EF, #A84A78, #831900, #2F1600, #050400)
• Lowlit Onyx Pier color palette (#D7EAD7, #3C2500, #151A00, #020027, #020100)
• Bronze Archive color palette (#FAEEF3, #B26938, #7B4D00, #004A54, #170B1D)
• Ancient Plum Balcony color palette (#FFF1F1, #A6356B, #2B5900, #00262A, #020008)

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