Hazy Lapis color palette — #D4DEF6 · #8B8AF3 · #A28200 · #584FBF · #332700
Built around Iris, softened by Lavender Blue — the whole palette hums with nature and growth.
The five colors
- Powder Blue (#D4DEF6): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#8B8AF3): A luminous, balanced violet — the color of a velvet chair.
- Mustard (#A28200): A luminous, balanced green — the color of fresh herbs.
- Iris (#584FBF): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#332700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Hazy Lapis 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
- Aged Indigo Meadow color palette (#E9EEFF, #A49BEF, #9D9A2C, #705CC9, #393800)
- Tempered Harbor color palette (#CEE1F2, #2EA0EE, #9E8400, #0068A4, #322800)
- Amber Quarry color palette (#D1E0F2, #6DABFF, #CD6400, #0051A9, #431C00)
- Ultramarine Drift color palette (#FFF0FB, #9DB5FF, #9A9000, #354AC4, #1B1900)
- Worn Nightshade color palette (#EBD7E5, #6C76C9, #826700, #3A00CA, #342700)
- Softworn Aubergine Workshop color palette (#DDE1F9, #A478FD, #667F00, #53149D, #161E00)
- Antique Aubergine color palette (#DED9FB, #D484EB, #7E9000, #792B8E, #262D00)
- Dusty Studio color palette (#EAEFFF, #8472E1, #8C7B00, #4D6E25, #1F1741)
Browse the whole catalog at Explore, or see today's palette.