Cocoa Boulevard color palette — #CEF0FC · #005F63 · #6C3300 · #431D00 · #000203

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#CEF0FC): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#431D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000203): quiet, heavy and certain.

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

• Dusty Delta color palette (#C4EDE9, #00605B, #85001B, #53000D, #000203)
• Garnet Cabin color palette (#C9E2FA, #005B99, #6E000F, #241800, #010200)
• Airy Study color palette (#D5E6FE, #0047B9, #5E3E00, #392400, #000207)
• Timeworn Byzantium Orchard color palette (#D3E6DA, #007A90, #9223A6, #584300, #000203)
• Velvet Balcony color palette (#D2E4EF, #003E4D, #55000E, #2B0004, #000203)
• Hushed Summit color palette (#E0E4F3, #4426FB, #5D5400, #3C3600, #02001D)
• Worn Aubergine color palette (#DAECE0, #006C94, #422088, #271F00, #00030D)
• Misty Cobalt color palette (#E3F0FE, #0071C2, #795C00, #543F00, #000E1F)

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