Hazy Iris color palette — #DBFFED · #00E8E3 · #3DC6FC · #7085FF · #002F4D

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

The five colors

• Honeydew (#DBFFED): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#00E8E3): A whisper-light, balanced teal — the color of shallow lagoons.
• Sky (#3DC6FC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#7085FF): A luminous, vivid violet — the color of wild irises.
• Midnight (#002F4D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, cool.

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

• Seafoam Terrace color palette (#E9F8FF, #5BFEBC, #84D2FF, #BD8EFF, #002754)
• Muted Mint color palette (#E5FDE6, #00E99A, #00C8D0, #0099D2, #002B2F)
• Dusty Periwinkle Station color palette (#EBF7FF, #C3D7F3, #82D9FF, #789FFF, #001726)
• Muted Cerulean color palette (#FFF4E2, #82DBE5, #009CBD, #007465, #003850)
• Pale Ridge color palette (#FFEAFB, #6FCAFF, #92ABFF, #B850F7, #221754)
• Chalky Byzantium Market color palette (#DBFFEC, #00D87E, #00A9CA, #9015D1, #00295B)
• Gentle Magenta Lagoon color palette (#FFF0F9, #B6DCFF, #B0ADFF, #CA64CD, #362B4F)
• Pale Cabin color palette (#F0D7E3, #85B8FF, #9A84FF, #BA00AA, #25003C)

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