Cocoa Boulevard color palette — #EAFAEF · #328FA1 · #855F96 · #7F3F00 · #21392A

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

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#328FA1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#855F96): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#7F3F00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#21392A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Pewter Grove color palette (#FCF1FC, #5583BF, #8A5C99, #724900, #3D2C3D)
• Pale Boulevard color palette (#EBFAEB, #009495, #5F6DA7, #8F273C, #273827)
• Gentle Parlor color palette (#DEF7FF, #00999F, #A15983, #803C00, #041E25)
• Antique Petrol Chapel color palette (#FCF5E4, #48A9AA, #5565A6, #5B4D00, #214635)
• Muted Denim Lagoon color palette (#FEF0FC, #657BB2, #475696, #5F3200, #152F1F)
• Patina Studio color palette (#EDF9EE, #00B4BB, #C27297, #975F40, #29372A)
• Powdered Indigo Basin color palette (#FFE7F2, #765FB1, #994232, #364E00, #3A1A2B)
• Petrol Garden color palette (#F0F7F3, #DFD4D2, #CAB7B6, #00819F, #404B45)

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