Cobalt Boulevard color palette — #EAF7FF · #72C6FF · #3D8FD8 · #20569E · #1A2D53

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sky (#72C6FF): A luminous, balanced blue — the color of deep harbor water.
• Azure (#3D8FD8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#20569E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1A2D53): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Dusty Aqua Coast color palette (#DBFDFF, #44D1E3, #00A2BE, #00617A, #003144)
• Feathered Iris Corridor color palette (#F0F5FF, #AFBFFF, #8586E9, #574E9A, #2D1F4C)
• Quiet Boulevard color palette (#C4E7FB, #33A4E5, #0074BC, #004B92, #233960)
• Gentle Garden color palette (#D5E7EA, #6ECCF4, #25A5F5, #516CD6, #383160)
• Quiet Iris Atelier color palette (#F1F5FF, #CBD9FF, #6C83D3, #2E4689, #040A3D)
• Patina Cobalt color palette (#FFF0FD, #9CBFFF, #E97FA7, #3E72D2, #470F28)
• Dusty Orchard color palette (#E3F1FF, #3C9BFE, #0057CC, #0B2399, #040027)
• Antique Periwinkle color palette (#FFF0FD, #7EA4F5, #BF7AB8, #009094, #0C1938)

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