Cocoa Boulevard color palette — #EDF4EC · #B7966C · #4575A3 · #694300 · #382200

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

The five colors

• Cream (#EDF4EC): bright and airy, almost weightless.
• Camel (#B7966C): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4575A3): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#694300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#382200): A deep, shadowed, dusty gold — the color of old brass.

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

• Washed Chapel color palette (#FAEEF6, #CA8A77, #11808F, #7B3130, #401B10)
• Wandering Petrol Studio color palette (#ECF8F7, #6EA780, #3C75A7, #6E4360, #2F4A2F)
• Washed Workshop color palette (#E3F7F4, #679E61, #715399, #3F4600, #052603)
• Ancient Aubergine Corridor color palette (#FAEEF3, #B99375, #4F7F53, #5B3B77, #3D1E00)
• Dusty Stone color palette (#F6F6EC, #A0BD7B, #A07BB4, #945263, #5C3731)
• Faded Garnet color palette (#DEF9EF, #7B8D12, #006581, #70010B, #161B00)
• Tempered Basalt color palette (#E5F8E7, #B8D5CE, #7D939C, #745C67, #513743)
• Tempered Bronze Study color palette (#E9F4F8, #56ACAD, #A05B59, #76362F, #3A2100)

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