Hazy Sapphire color palette — #E0EFFF · #3796FE · #0B55F1 · #1D30A0 · #1A1C50
A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#3796FE): A luminous, vivid blue — the color of a favorite pair of jeans.
- Royal Blue (#0B55F1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#1D30A0): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#1A1C50): 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
- Pale Dune color palette (#E0EAFF, #7F99FF, #5A3EF7, #41209F, #24104D)
- Sunlit Lapis Ridge color palette (#E8F8FF, #A7D6FF, #5A8DFF, #4C46C6, #351F5D)
- Hushed Sapphire color palette (#B5EAFF, #05A9F7, #165DEE, #493F9A, #45326F)
- Azure Field color palette (#D6E6EE, #0AAEF0, #0074B6, #00437C, #04214C)
- Dusty Workshop color palette (#C7E4FF, #6CAFFF, #4684FF, #405BBC, #323A75)
- Soft Ultramarine color palette (#FFEBFB, #6B91FF, #009975, #243BE3, #00281C)
- Ancient Raspberry color palette (#DFE3FF, #7068FF, #CB0291, #006D7F, #131333)
- Pale Mallow Coast color palette (#FFEBF7, #E6D2E7, #D99EFF, #536FC3, #371A2C)
Browse the whole catalog at Explore, or see today's palette.