Cobalt Boulevard color palette — #FFF1F6 · #99CBF3 · #5B77B1 · #005E68 · #303957

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#99CBF3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5B77B1): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#303957): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Grove color palette (#FCF1F9, #8DD3D8, #1885A3, #006345, #1F3D57)
• Wandering Grove color palette (#FBEEF2, #AECBE5, #6879AF, #005B5B, #25183A)
• Iris Study color palette (#FAF4ED, #B2E0D0, #7992D8, #007C79, #3F315C)
• Cerulean Atelier color palette (#FBF4EA, #BFEBDD, #8DB3EC, #009CBA, #2F375E)
• Timeworn Studio color palette (#FAE7F4, #00A0BB, #005073, #003129, #001133)
• Hushed Meadow color palette (#DBF5EE, #7CAF43, #7654AF, #3E6300, #3A2E51)
• Softworn Quarry color palette (#D8FFF4, #9BF7CB, #65C3D4, #7E6936, #1E4641)
• Navy Alley color palette (#D8E5D7, #4F85B6, #1D2A92, #002127, #0C0026)

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