Cocoa Boulevard color palette — #F4DAC4 · #7C3E00 · #00455C · #351700 · #00070D

Bronze takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Peach Cream (#F4DAC4): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00455C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Muted Garnet Summit color palette (#FDEBE4, #9B0019, #00474F, #440006, #000709)
• Lowlit Chestnut Field color palette (#ECE3CE, #785900, #242F32, #191400, #030200)
• Shadow Harbor color palette (#F1E2C8, #654D00, #0029A5, #2A1E00, #00031F)
• Eclipse Aubergine color palette (#F2E2D4, #5D3300, #003D36, #330058, #040100)
• Powdered Drift color palette (#FEE7F4, #AB4500, #005B99, #5F2300, #000611)
• Aubergine Corridor color palette (#F0ECCE, #546800, #6700A7, #273200, #19002D)
• Antique Olive Market color palette (#FFECDB, #AA8E4B, #637100, #5C1E00, #120800)
• Weathered Grape Grove color palette (#E9DFC6, #7C6E00, #562AD3, #423900, #190D46)

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