Hazy Summit color palette — #E7F5FF · #9EC6FF · #7186E7 · #6B5CA6 · #522D6A
Built around Lavender Blue, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7F5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#9EC6FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#7186E7): A luminous, balanced violet — the color of wild irises.
- Slate (#6B5CA6): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#522D6A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Summit 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
- Softworn Azure Ridge color palette (#D3FBFF, #77CAE7, #2D9BE6, #3B62B0, #333173)
- Weathered Veranda color palette (#EFF6FF, #D1DFFF, #949BDB, #6D5EAC, #3F1C6D)
- Antique Lilac color palette (#EEF3FF, #BBB6F7, #AE78D7, #8A4A87, #63224A)
- Feathered Sky color palette (#D1FBFF, #53B1EA, #6470BA, #5E3E73, #5D1D47)
- Washed Iris Canyon color palette (#E7FCEB, #84B5EA, #8775D2, #8E5316, #303E53)
- Dusty Iris Market color palette (#DBE5F7, #6F86EC, #464A6C, #272E3B, #14191E)
- Weathered Cerulean color palette (#F0F6FB, #D9D9E1, #C6BFD4, #5E95C1, #42494F)
- Amethyst Bloom color palette (#DEE0EE, #8450CE, #6C007D, #3F0033, #090002)
Browse the whole catalog at Explore, or see today's palette.