Hazy Sapphire color palette — #D1EDFF · #34A4FF · #0061E5 · #2E34A8 · #23194C
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#D1EDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#34A4FF): A luminous, vivid blue — the color of open sky before noon.
- Royal Blue (#0061E5): A full-bodied, vivid blue — the color of deep harbor water.
- Indigo (#2E34A8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#23194C): 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
- Dusty Garden color palette (#C4ECF9, #00B2EA, #006FA9, #004494, #121A55)
- Soft Sapphire color palette (#C2EAF2, #26AEFA, #1360ED, #4F3EA5, #52315F)
- Wandering Lapis color palette (#D3E5FD, #668DFF, #5C36F9, #4C1B92, #311445)
- Muted Corridor color palette (#E1F0F9, #7BBAFF, #2D7FFE, #4E5EBF, #3E386E)
- Airy Ultramarine Balcony color palette (#EBF2FF, #7191F9, #9C8000, #2D3FDA, #291F00)
- Amethyst Courtyard color palette (#F0F0FF, #A3A8FF, #7245F9, #36158C, #0C0039)
- Airy Aubergine Quarry color palette (#E7EDFC, #6850DE, #5300AF, #3B005B, #16001D)
- Muted Violet color palette (#E5E8FF, #AB98E8, #8B56B8, #693876, #3E213C)
Browse the whole catalog at Explore, or see today's palette.