Sapphire Boulevard color palette — #CDE4ED · #15BCFB · #0091F1 · #0062DD · #19227C

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

The five colors

• Frost (#CDE4ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#15BCFB): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0091F1): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#0062DD): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#19227C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Faded Lapis Courtyard color palette (#D1E3F1, #73B3FF, #5186FF, #514AE9, #371676)
• Pale Turquoise color palette (#D0F7FA, #00C0E3, #009EC9, #006FAC, #003567)
• Ultramarine Pier color palette (#CDEEF0, #00ABD9, #007BC5, #1C37C6, #3E1B7B)
• Dusty Sapphire color palette (#E7EFFF, #ABC1FF, #6996FF, #2059EB, #000860)
• Signal Ultramarine Workshop color palette (#A2FBFF, #18CAF6, #008AD3, #1600E4, #310064)
• Timeworn Ultramarine Terrace color palette (#D6EEFF, #0076D8, #2E45D3, #381A97, #0B0020)
• Hazy Violet Courtyard color palette (#CBE3FF, #A0BFFF, #9298FF, #8568D8, #4F2F6C)
• Azure Ridge color palette (#FFF0FD, #E7D4F1, #E4B5FF, #27ACF3, #2A345F)

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