Cocoa Boulevard color palette — #EFE2D2 · #7A6F36 · #5D3E00 · #3D1800 · #030400

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EFE2D2): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#7A6F36): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3D1800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Villa color palette (#E2F0E3, #715500, #3C2700, #1C0D00, #050300)
• Timeworn Market color palette (#F9E6CC, #A07B00, #7E5700, #5A3600, #050300)
• Washed Bronze color palette (#E8DFCA, #98A66E, #837100, #6B4300, #242700)
• Tempered Pier color palette (#FDE7D7, #AE834D, #984500, #780011, #1C1500)
• Quiet Nightshade color palette (#FADAEF, #4134C0, #772800, #252D00, #01000E)
• Navy Meadow color palette (#F6E5F4, #976B0B, #002072, #00031C, #0A0003)
• Tempered Terrace color palette (#FBE2D4, #C6A78B, #A9705D, #88414B, #34302A)
• Smoked Orchard color palette (#FBDDE4, #70018D, #601000, #011D02, #000207)

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