Hazy Iris color palette — #FFF3E8 · #DCE3F6 · #6C93FF · #00726F · #2E055D

Lavender Blue and Deep Indigo set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Frost (#DCE3F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#6C93FF): A luminous, vivid violet — the color of wild irises.
• Teal (#00726F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#2E055D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, 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

• Faded Azure color palette (#FFF2ED, #D4DEF8, #00A5E9, #00764D, #091D5B)
• Powdered Periwinkle color palette (#ECF9EF, #B4E0FF, #6AAEFF, #0094AB, #1F2E63)
• Timeworn Quarry color palette (#FFF1F6, #57C3FF, #3463DA, #005652, #372168)
• Worn Indigo color palette (#FCF3EB, #ABD1F1, #5F71CD, #005152, #140029)
• Dusty Emerald Dune color palette (#FBF3F1, #C1E1E6, #77C7E8, #3A9757, #4E354F)
• Hushed Denim Loft color palette (#EBDFDA, #67B0B4, #005D7B, #002E13, #000105)
• Aged Coral color palette (#FFF1F1, #FA5C69, #00A08C, #008574, #2B0005)
• Brick Lagoon color palette (#FFF2EE, #FFA4A7, #00AF83, #B90036, #002519)

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