Hazy Iris color palette — #D8E2DA · #96C5F1 · #5C8FEF · #007995 · #16144F

Lavender Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D8E2DA): a clean, paper-quiet neutral.
• Sky (#96C5F1): A luminous, dusty blue — the color of deep harbor water.
• Lavender Blue (#5C8FEF): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007995): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#16144F): 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

• Washed Veranda color palette (#DDE8DF, #82CCE3, #329DD0, #007D7C, #00203D)
• Dusty Loft color palette (#EBDEE2, #86B7E1, #5E6DBD, #00595B, #2A0A47)
• Muted Workshop color palette (#E7F1E9, #79A6C9, #3A74C3, #005B6C, #04002D)
• Airy Lagoon color palette (#E8FBEB, #9BE7FF, #20B8FB, #009798, #00345F)
• Aged Ultramarine color palette (#F3EDE4, #70A1CE, #184EB9, #003746, #07012D)
• Gentle Archive color palette (#F7E2E2, #E35563, #469A1F, #1F70DE, #2A0005)
• Muted Pier color palette (#EDDEEF, #EF6A83, #00A496, #CF0050, #00201D)
• Antique Teal color palette (#F0F7F1, #CBE2F9, #82CBDA, #51AB92, #294C61)

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