Hazy Nightshade color palette — #DCE3F1 · #576DF3 · #007C42 · #2300B0 · #000200
Indigo and Sapphire set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCE3F1): A whisper-light, dusty violet — the color of wild irises.
- Sapphire (#576DF3): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#007C42): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#2300B0): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Hazy Nightshade 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
- Sunlit Veranda color palette (#DAE2F4, #6364FF, #865F00, #2F00AA, #020100)
- Orchid Lantern color palette (#E5E6FD, #A866E5, #00763F, #4A0076, #000200)
- Quiet Boulevard color palette (#E1E9FF, #613DE7, #006A33, #00512B, #010009)
- Grape Ridge color palette (#F6DAE6, #7131C2, #3B5600, #3A006F, #0A1300)
- Grape Dune color palette (#DCDFF6, #6E30B9, #005458, #370068, #000404)
- Hazy Grape Cabin color palette (#F5DBE5, #B57FFF, #7B8A02, #6905B4, #0E1100)
- Plum Lantern color palette (#E7DFFC, #A2359D, #00653E, #4B0049, #000201)
- Hazy Apricot Harbor color palette (#EBEFFF, #FFA2DC, #F9845D, #0D60A7, #06000D)
Browse the whole catalog at Explore, or see today's palette.