Hazy Iris color palette — #FFF0F9 · #BEBDFF · #DCC222 · #8477F3 · #443B00

Lavender Blue takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#BEBDFF): A whisper-light, balanced violet — the color of wild irises.
• Saffron (#DCC222): A luminous, vivid green — the color of fresh herbs.
• Lavender Blue (#8477F3): A luminous, vivid violet — the color of wild irises.
• Deep Olive (#443B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Hazy Summit color palette (#FFE8ED, #DCA8EF, #C3C337, #B25BCF, #383800)
• Hazy Mustard color palette (#D9FFF2, #8ACDFF, #F8B324, #0095E0, #4E3500)
• Gentle Lapis Thicket color palette (#F1F5FF, #B5B8FF, #A89F00, #5E3EEC, #403C00)
• Hazy Wisteria Station color palette (#FFF1F3, #EEB6EB, #90D18F, #CF7BCD, #244D25)
• Chartreuse Veranda color palette (#C6E7DF, #AFD900, #B0B6FF, #4D508D, #2F1E2A)
• Sky Lagoon color palette (#FFF0FA, #F0D2DF, #ECC09E, #3FB8FE, #493561)
• Aged Magenta color palette (#FFF1F3, #FFC2FA, #51D67C, #D500D2, #00481E)
• Worn Nightshade color palette (#EBF2FF, #8AA0FF, #828700, #353FAB, #212300)

Browse the whole catalog at Explore, or see today's palette.