Hazy Iris color palette — #F1F5FF · #9489E4 · #9459A4 · #694900 · #000F13
A conversation between Lavender Blue and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender Blue (#9489E4): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#9459A4): A full-bodied, balanced pink — the color of a candy shop window.
- Bronze (#694900): A full-bodied, balanced gold — the color of old brass.
- Ink (#000F13): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hazy Iris 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
- Timeworn Garden color palette (#F4F4FF, #B580D5, #A34C48, #5A4F00, #000C16)
- Hushed Lilac Veranda color palette (#F1F5FF, #A5A5FA, #C36781, #734E00, #001A22)
- Muted Boulevard color palette (#DFFEF0, #66C3F1, #7D74B3, #525600, #09223E)
- Washed Azure color palette (#ECF7FF, #00A8D5, #8E57A4, #782737, #00120E)
- Washed Garnet Harbor color palette (#F0F0FF, #8955AF, #8F0018, #492900, #000F08)
- Faded Harbor color palette (#ECF7FF, #33B3ED, #AA5776, #3F5200, #0F2100)
- Washed Market color palette (#F0F5FF, #6B83DD, #32324D, #060F20, #000103)
- Hushed Magenta color palette (#F6F3FF, #C937F2, #B6006A, #454300, #000409)
Browse the whole catalog at Explore, or see today's palette.