Hazy Indigo color palette — #CFDFFF · #00A5CA · #4D67FF · #8B0081 · #1F0041
Built around Sapphire, softened by Plum — the whole palette hums with trust and stability.
The five colors
- Powder Blue (#CFDFFF): A whisper-light, dusty violet — the color of a velvet chair.
- Cyan (#00A5CA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Sapphire (#4D67FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#8B0081): A full-bodied, vivid pink — the color of a candy shop window.
- Deep Indigo (#1F0041): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Hazy Indigo 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
- Misty Harbor color palette (#DBE1FB, #00A4E9, #8C48FF, #8D0064, #1D0032)
- Grape Hollow color palette (#DFEEFC, #00B8C9, #1479F8, #8300AF, #0B0839)
- Timeworn Workshop color palette (#FBE1F2, #519AFF, #626AFF, #6B1FBB, #040019)
- Mulberry Atelier color palette (#F1ECFF, #686DED, #990085, #790015, #0C0007)
- Tempered Lagoon color palette (#EBE8FF, #6791F7, #B92FD9, #A60032, #2C001E)
- Muted Amethyst color palette (#D6E0F7, #81B3FF, #7A8AFF, #8546DC, #14053B)
- Powdered Aubergine Archive color palette (#E2E9FB, #8464CD, #6F0093, #4A0044, #390023)
- Lapis Boulevard color palette (#E1F0FA, #00B296, #008EAE, #5731DE, #001935)
Browse the whole catalog at Explore, or see today's palette.