Hazy Sapphire color palette — #D3EBFA · #3AA2FE · #215EFC · #3233AF · #221649
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#D3EBFA): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#3AA2FE): A luminous, vivid blue — the color of a favorite pair of jeans.
- Royal Blue (#215EFC): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#3233AF): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#221649): A deep, shadowed, balanced violet — the color of wild irises.
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
- Washed Lapis color palette (#D7E8FF, #709CFF, #553CFF, #5428A3, #331848)
- Misty Lapis color palette (#EFF1FF, #9D9FFF, #624BE5, #2F2094, #11003A)
- Quiet Quarry color palette (#D8F2FB, #00AEE1, #006EAB, #004196, #121E52)
- Tempered Ultramarine Quarry color palette (#D3EAFF, #3F78E1, #313AE8, #33118B, #1D0938)
- Gentle Sapphire color palette (#A8EDFF, #00A8E7, #1768EA, #54369B, #513468)
- Timeworn Orchard color palette (#E3FAFF, #A2D9FF, #569EFF, #6443CA, #49265A)
- Ultramarine Workshop color palette (#FFEBFB, #6C91FF, #9D7F00, #2E49C8, #291F00)
- Weathered Cornflower color palette (#C1E6FF, #73B9FF, #4181FF, #4B57B9, #3F3771)
Browse the whole catalog at Explore, or see today's palette.