Cocoa Boulevard color palette — #ECF8F5 · #6B93B5 · #516594 · #6F3B00 · #24372B

Built around Bronze, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Slate Blue (#6B93B5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#516594): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#6F3B00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#24372B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Antique Pewter Pier color palette (#FAF2F9, #6982AC, #78528A, #554D00, #3B2B3A)
• Muted Cobalt Boulevard color palette (#FEF4E2, #72B6B2, #6376A5, #6C5622, #374E41)
• Worn Pier color palette (#E6F6F1, #5282A9, #4A3540, #1C2D28, #101716)
• Washed Quarry color palette (#E9F4F8, #23A1AB, #9B5181, #71441C, #0C2221)
• Weathered Cerulean Parlor color palette (#F1F7F3, #DED4D3, #A8A196, #4D8D9B, #4B564F)
• Weathered Driftwood color palette (#EEF8F0, #4CB1BC, #B36D96, #895E37, #31322B)
• Airy Aubergine Villa color palette (#FEF0F9, #585AAA, #692A72, #393200, #2B1025)
• Hazy Grape Alley color palette (#FFEFFF, #0666CA, #6F2BA8, #4E3800, #012548)

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