Hazy Sapphire color palette — #E1F2FF · #078BF1 · #2153FC · #3A2EA8 · #170043

Royal Blue takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E1F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#078BF1): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#2153FC): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#3A2EA8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#170043): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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 Lapis color palette (#D8EAFF, #597DFF, #623AF0, #5B26A5, #25003C)
• Dusty Ultramarine color palette (#D8EDF3, #007EC8, #0039DA, #340784, #25002E)
• Antique Courtyard color palette (#DAF1FB, #007FD0, #0F31C0, #200071, #030009)
• Softworn Navy color palette (#D8F3FD, #0096CF, #0075B5, #004591, #05043D)
• Chalky Boulevard color palette (#EDEEFF, #9187FF, #6B53EC, #4129A1, #020013)
• Twilit Navy Quarry color palette (#E2F0FF, #005EBE, #002490, #080052, #020019)
• Dusty Balcony color palette (#D6E5FF, #6180FF, #A07800, #3645E6, #160E00)
• Linen Studio color palette (#D2EAFF, #7EA8FF, #7385FF, #6C47D4, #3D186A)

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