Hazy Violet color palette — #CDE1FA · #A39FDD · #9857B6 · #00435C · #090A3F
Amethyst and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Powder Blue (#CDE1FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#A39FDD): A luminous, balanced violet — the color of wild irises.
- Amethyst (#9857B6): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#00435C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#090A3F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, cool.
Use it as a design system
One click turns Hazy Violet 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
- Tempered Navy Meadow color palette (#E8F0FF, #A994D8, #9F5798, #00408A, #19073C)
- Worn Plum Boulevard color palette (#DCF0FF, #9795D2, #B64278, #003F43, #010426)
- Weathered Market color palette (#DCF4FF, #7EADDC, #7173DE, #004C4F, #001E2F)
- Peony Garden color palette (#E3F1FF, #ACA6E8, #D8669B, #006C73, #071337)
- Faded Veranda color palette (#DAE3FF, #9D7EAD, #A03E70, #0D1C8A, #13001F)
- Tempered Indigo Station color palette (#F5F3FF, #F6D0E6, #D79B97, #795CA9, #3F3650)
- Hushed Wisteria color palette (#F2E4F1, #B0B3FF, #C590E5, #0081BC, #15173A)
- Weathered Wisteria color palette (#F1F5FF, #C5BBFF, #D488DD, #006BAC, #383261)
Browse the whole catalog at Explore, or see today's palette.