Hazy Sapphire color palette — #FFF1F6 · #80C0EB · #2165DC · #00555B · #2D246D

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 (#80C0EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2165DC): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
• Royal Purple (#2D246D): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Tempered Petrol color palette (#FAE9F2, #84BBCF, #156DA9, #00504B, #1B2A57)
• Ancient Archive color palette (#E9F9F8, #93D3FF, #0091EE, #006E8C, #003169)
• Nightshade Grove color palette (#E9D9DE, #81A2C2, #324FA8, #003D45, #1F1544)
• Worn Cypress Courtyard color palette (#FAF3F8, #BAE5F1, #4197AE, #237250, #2B4B64)
• Wandering Periwinkle Studio color palette (#FFF3E7, #B4E0FF, #79AAFF, #0096A0, #2D2669)
• Patina Field color palette (#F7F3FF, #FFB6E9, #EC7C6C, #365CB3, #532B50)
• Patina Quarry color palette (#E6DBE4, #34A0AD, #00516C, #003125, #00142B)
• Hushed Byzantium color palette (#E9DCF6, #A041DF, #586E00, #245800, #311148)

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