Hazy Iris color palette — #F2E3E8 · #91C6F4 · #7284FF · #007C80 · #281141

A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F2E3E8): bright and airy, almost weightless.
• Sky (#91C6F4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#7284FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#007C80): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#281141): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Hazy Azure color palette (#F5EBF1, #8BCBDE, #2798EC, #008064, #151749)
• Feathered Sapphire color palette (#F3EBDF, #8BB6DE, #2468EF, #00566B, #171749)
• Dusty Periwinkle color palette (#FEF1F8, #94E8FF, #51B2FF, #009B78, #23286F)
• Denim Hollow color palette (#EEE2D5, #71A1CD, #3950A4, #003840, #0D002A)
• Powdered Peony Pier color palette (#FEE1EA, #E34B8B, #0092B0, #396EA3, #280011)
• Plum Balcony color palette (#E7D8EC, #FA5993, #00A2AA, #CA1167, #002022)
• Violet Grove color palette (#F6D8DC, #F7C2A0, #BBBE57, #9D68B9, #3A1609)
• Antique Station color palette (#F9F3F9, #CCE5FF, #73CAEE, #6BA979, #334963)

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