Hazy Iris color palette — #F7EFE6 · #9EC5E7 · #7184FE · #007C7F · #281042

Lavender Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EFE6): bright and airy, almost weightless.
• Sky (#9EC5E7): A luminous, dusty blue — the color of deep harbor water.
• Lavender Blue (#7184FE): A luminous, vivid violet — the color of a velvet chair.
• Teal (#007C7F): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#281042): A deep, shadowed, balanced violet — the color of wild irises.

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

• Frosted Azure Alley color palette (#EEE1DA, #8BCCDC, #0399EC, #008060, #131A45)
• Soft Sapphire Atelier color palette (#E8F2EA, #89B6E2, #396DDB, #00566C, #181748)
• Muted Orchid color palette (#F7D3E3, #9E63FF, #009B6D, #007A7A, #16062E)
• Misty Periwinkle Basin color palette (#FFF2EB, #9AE7FF, #5AB1FF, #009B7C, #27286B)
• Ancient Cobalt Meadow color palette (#FFD3E0, #F6B6D6, #FF9C59, #4384DA, #3D1C21)
• Patina Summit color palette (#EDDBE1, #7FA0C1, #3D519D, #003841, #0E0029)
• Solar Workshop color palette (#D0E4FC, #8885FF, #AE26F8, #8B008D, #470026)
• Washed Aqua color palette (#FBF3F1, #C5E9E0, #6BCBF2, #6EA87B, #543F55)

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