Hazy Sapphire color palette — #FFF1F6 · #73C1F4 · #0361EA · #00555A · #2D266A

Royal Blue takes the lead with Royal Purple 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 (#73C1F4): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0361EA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#00555A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#2D266A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Hazy Lantern color palette (#FFECF3, #80C4F1, #3E64E3, #00524F, #210049)
• Aqua Dune color palette (#FFF0F9, #0CCBF6, #0074B1, #00564F, #152E69)
• Frosted Cornflower Loft color palette (#FFF3E7, #9AD3F8, #6187E6, #00736E, #3A1C6D)
• Hazy Denim color palette (#F7E5EB, #68A5D7, #3250A6, #003D44, #1F1543)
• Tempered Terrace color palette (#E7F4FF, #BFC3FF, #D876E3, #007789, #273B68)
• Pale Navy color palette (#CFE6E8, #00A3C6, #00709C, #003C8B, #1E2072)
• Powdered Periwinkle color palette (#FBF4EA, #B5E0FF, #6CADFF, #0094AD, #1E2B6C)
• Cobalt Thicket color palette (#CFE8FF, #008ADE, #A65900, #005286, #472300)

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