Cobalt Boulevard color palette — #F0F7F4 · #CDDDDF · #D3C0D3 · #258ABC · #303E39

Cerulean takes the lead with Oat close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#CDDDDF): bright and airy, almost weightless.
• Oat (#D3C0D3): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#258ABC): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#303E39): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Antique Lagoon color palette (#F2F7F1, #CFDDD9, #ABC5C1, #15938B, #353D33)
• Washed Cobalt color palette (#FAF3F7, #E2D6D5, #D1B8B5, #7877BE, #43363E)
• Weathered Petrol Alley color palette (#EFF7F3, #E5D7DB, #C5AAB9, #166D8C, #333D38)
• Muted Grove color palette (#E8DDE7, #4B7DD8, #513549, #2E192D, #120A13)
• Denim Meadow color palette (#E6F2EF, #CBC0CB, #B69BB0, #0064A4, #11231F)
• Hazy Mulberry Pier color palette (#FFE9E3, #70A3EB, #686EBF, #85335E, #202F52)
• Misty Veranda color palette (#FEF0FE, #B1DEFF, #85B8FF, #8579FF, #213053)
• Ancient Cocoa color palette (#FCDBF0, #CCA6B6, #9E84A8, #8E5C5A, #683003)

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