Cobalt Boulevard color palette — #EAF3FF · #507ACE · #393B4E · #232931 · #13151A

Azure and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Azure (#507ACE): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#393B4E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#232931): a grounded near-black with real depth.
• Ink (#13151A): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cobalt 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

• Patina Quarry color palette (#F0F0FF, #9762B9, #42384B, #282731, #16141A)
• Tempered Boulevard color palette (#F8EEF7, #779BDD, #675158, #3F343E, #1B241F)
• Washed Powder color palette (#F8EFF6, #98B6F4, #8B7380, #5D505B, #1A2421)
• Twilit Lapis color palette (#D7E0FC, #6536F0, #38203D, #121728, #06060F)
• Softworn Meadow color palette (#F3F4FF, #A188D1, #8A9048, #60805C, #3F4153)
• Moonless Aubergine Corridor color palette (#E2DEFF, #6B0085, #28181B, #230011, #03010D)
• Worn Basin color palette (#F3F4FF, #B6A3E5, #8FA166, #7867A0, #31554B)
• Weathered Lagoon Pier color palette (#E9F9F5, #95CDCE, #528D88, #536979, #3D5252)

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