Hazy Sapphire color palette — #E2FBFA · #76BFFB · #006DCC · #00516F · #153063

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#E2FBFA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#76BFFB): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006DCC): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00516F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#153063): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Aged Basin color palette (#E8FAF7, #7AC4D9, #00799B, #00555B, #003850)
• Sapphire Dune color palette (#FFECF2, #76C3FF, #3665E5, #005059, #1A0847)
• Lilac Market color palette (#EFF6FF, #C3CBFF, #AB84FF, #0066AD, #27305F)
• Azure Courtyard color palette (#D8F2FF, #009EDD, #006499, #004378, #002C67)
• Sunlit Lagoon color palette (#FFF3E6, #9AD1FF, #5482FF, #00707D, #32285F)
• Ancient Sapphire Alley color palette (#DBE7FF, #225CFD, #A5009F, #005F61, #102149)
• Softworn Olive Pier color palette (#CCE9FF, #008FC6, #358500, #005577, #123800)
• Ultramarine Hollow color palette (#DEE9FF, #649CFF, #0130F3, #002381, #00134F)

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