Cobalt Boulevard color palette — #F5EDE2 · #95CBF4 · #4987D8 · #00697C · #222B4E

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#95CBF4): A luminous, balanced blue — the color of deep harbor water.
• Azure (#4987D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00697C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#222B4E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Azure color palette (#E6FAF9, #D4DBF8, #5196DA, #006584, #001C47)
• Tempered Cerulean Thicket color palette (#F4EEE3, #ACCFAF, #0096AE, #006E5A, #003345)
• Dusty Petrol Archive color palette (#F7ECE3, #84B8DD, #4C64A8, #00504E, #32244F)
• Periwinkle Grove color palette (#F6EBEF, #AADAFD, #81A4E7, #008F9A, #2A2557)
• Petrol Coast color palette (#E9E2D7, #75C0C6, #00829C, #005B4D, #002333)
• Muted Turquoise Hollow color palette (#FBF4EA, #A6E8F3, #00ABD6, #008478, #004566)
• Teal Dune color palette (#EFE8DD, #3BA4A7, #006373, #003D30, #000B12)
• Ancient Powder color palette (#F8F5EF, #C5E0F2, #93B2E9, #5190A6, #624A5A)

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