Cocoa Boulevard color palette — #EBF9EF · #358F9E · #9C5873 · #7E4000 · #23392A

Bronze and Pewter set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9EF): bright and airy, almost weightless.
• Cerulean (#358F9E): A luminous, balanced blue — the color of open sky before noon.
• Pewter (#9C5873): A full-bodied, balanced rose — the color of pressed rose petals.
• Bronze (#7E4000): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#23392A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Cobalt Alley color palette (#E5FBF4, #3E88BD, #A05C48, #635200, #183A31)
• Washed Parlor color palette (#FBF1FC, #5E8CC0, #884B78, #6A3B00, #194220)
• Chalky Mulberry Veranda color palette (#F0F9E5, #37956F, #8A5B9D, #8A2C42, #31342D)
• Antique Mulberry Cabin color palette (#EBF9F2, #1580A2, #8E2F49, #573D00, #212B13)
• Petrol Workshop color palette (#FFF4E2, #649DCF, #655FA5, #773C00, #4D334B)
• Forest Quarry color palette (#FAE9F2, #6E65AB, #7C5B00, #165300, #381C2C)
• Linen Cornflower Atelier color palette (#FFF0FC, #5680EE, #873F00, #4D4E00, #1C2A4B)
• Softworn Petrol Grove color palette (#F0F7F4, #DED4D3, #CBB7B9, #3D7BA2, #3F4B46)

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