Hazy Sapphire color palette — #CFE2F0 · #1E58FC · #3F00A0 · #31004A · #29001F
Built around Royal Blue, softened by Indigo — the whole palette hums with creativity and energy.
The five colors
- Frost (#CFE2F0): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#1E58FC): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#3F00A0): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#31004A): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#29001F): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Creativity, Energy. Tagged vibrant.
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
- Wandering Grape color palette (#EAEDFB, #655FEF, #520CCE, #41008A, #210040)
- Amethyst Parlor color palette (#D8E4FA, #6C34F5, #5A0097, #3A0033, #250012)
- Powdered Amethyst color palette (#D9E5F0, #5E79E8, #6D38F5, #6A00A8, #200021)
- Wandering Nightshade color palette (#CCE9F5, #0078B3, #1F00B4, #2C0057, #290032)
- Grape Corridor color palette (#F1DFE7, #6D00E7, #495100, #340075, #0E1100)
- Byzantium Studio color palette (#E6D9F3, #9A3BDD, #4B007C, #18002B, #06000D)
- Faded Nightshade color palette (#DFE0EF, #4D00C7, #184E00, #003427, #070024)
- Ultramarine Archive color palette (#D7EDF3, #8B9F25, #2F43EB, #010022, #050004)
Browse the whole catalog at Explore, or see today's palette.