Cocoa Boulevard color palette — #F5DCCC · #72461E · #481900 · #240001 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F5DCCC): A whisper-light, dusty gold — the color of old brass.
• Bronze (#72461E): A full-bodied, balanced gold — the color of old brass.
• Espresso (#481900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#240001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Cellar Fern Cabin color palette (#EAE4D5, #535620, #322900, #160C00, #010100)
• Ancient Chestnut Alley color palette (#F6E2CE, #9C8252, #794800, #512100, #120E00)
• Cocoa Lagoon color palette (#F0DFE9, #976030, #732C00, #4B0103, #060300)
• Aubergine Garden color palette (#DFF5D7, #8C4B00, #5200B0, #1C0711, #040002)
• Mulberry Orchard color palette (#F4E5F3, #8E2D6C, #550024, #210002, #030000)
• Aubergine Garden color palette (#F8E2E8, #753793, #550105, #310044, #050000)
• Faded Garnet color palette (#F8E5D6, #BE986C, #9D5617, #782100, #261A00)
• Aubergine Workshop color palette (#FFE2EB, #4D0079, #312A00, #001806, #020006)

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