Cocoa Boulevard color palette — #F1E5EA · #B0BDB1 · #7C9586 · #693500 · #291A21

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

The five colors

• Rose Water (#F1E5EA): bright and airy, almost weightless.
• Stone (#B0BDB1): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7C9586): A luminous, dusty teal — the color of sea glass.
• Bronze (#693500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#291A21): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Bloom color palette (#EDE3EB, #C7B2BE, #9F868F, #7C1B1D, #291927)
• Basalt Alley color palette (#DEE6DE, #9AAFA2, #62897B, #4B3200, #0B170C)
• Ancient Chestnut color palette (#F6EEE9, #CAC3B8, #A9A687, #974600, #2E1A08)
• Tempered Fern color palette (#E4F2EF, #C0D0CF, #8EA5A8, #3E6026, #1B332E)
• Worn Orchard color palette (#F4E2CE, #888559, #405B2D, #003A65, #241F4C)
• Feathered Balcony color palette (#D4EDE1, #65863A, #00541A, #4E1D0C, #00211A)
• Patina Courtyard color palette (#FBF2F5, #CED9DC, #ADC1C1, #946B3C, #524348)
• Powdered Ember color palette (#CBEBCF, #ED6500, #AF7500, #4E6000, #201700)

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