Hazy Iris color palette — #F3EAE0 · #88C6FF · #7684FB · #007C81 · #28133D

Built around Lavender Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F3EAE0): a clean, paper-quiet neutral.
• Sky (#88C6FF): A luminous, balanced blue — the color of deep harbor water.
• Lavender Blue (#7684FB): A luminous, vivid violet — the color of twilight just after sunset.
• Teal (#007C81): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#28133D): A deep, shadowed, dusty 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

• Sunlit Azure Orchard color palette (#F9ECE4, #5BD1F1, #1998F0, #008064, #161847)
• Weathered Garden color palette (#E4F0E6, #7AB7F2, #456FCE, #00566D, #191844)
• Pale Loft color palette (#FFF2EA, #9DE6FF, #5FB0FF, #009A7E, #292A64)
• Cobalt Market color palette (#ECDCC8, #E5A02C, #007EDB, #976500, #001B37)
• Hushed Nightshade Quarry color palette (#F1E4E8, #829FBE, #3C4EA7, #003841, #0E0029)
• Washed Sapphire color palette (#F9EBD9, #D69731, #8B6ACF, #3C64D8, #1B0F00)
• Muted Boulevard color palette (#FCF3F0, #C3ECE2, #7CC9EB, #74A681, #544054)
• Frosted Cabin color palette (#FFD7B9, #C3D468, #53CB9F, #C96E6B, #2B1D00)

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