Hazy Iris color palette — #FFF0F9 · #00C0D2 · #6D83FF · #BA3169 · #2F1642

Periwinkle takes the lead with Magenta Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Cyan (#00C0D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Periwinkle (#6D83FF): A luminous, vivid violet — the color of twilight just after sunset.
• Magenta Rose (#BA3169): A full-bodied, vivid red — the color of a theater curtain.
• Deep Indigo (#2F1642): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.

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

• Lilac Archive color palette (#FFEAF5, #1AB8F9, #A275FF, #AE2143, #391141)
• Powdered Meadow color palette (#FFF0F9, #71D4FF, #9C9BFF, #BC4859, #43254C)
• Worn Byzantium color palette (#D2FAEF, #00C4AF, #059DEE, #9A3EA9, #1C214B)
• Hazy Byzantium Villa color palette (#E7EEFF, #4DB6FF, #7C7DF5, #A132BB, #15032E)
• Sunlit Magenta Veranda color palette (#FFF0F3, #82A9FF, #BD58C1, #9D3E00, #420C2C)
• Feathered Pier color palette (#FFEBF7, #96C9FF, #909DFF, #CD3FDF, #29194B)
• Dusty Magenta color palette (#FFF1F3, #97B5FF, #FA2CD5, #B95200, #4C0028)
• Washed Peony color palette (#EAF1FF, #6BE2FF, #B1B9FF, #FC5CB1, #25193D)

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