Iris Harbor color palette — #F6E6EC · #9DC5E9 · #668AF8 · #007B8A · #210E4D

A conversation between Lavender Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#F6E6EC): bright and airy, almost weightless.
• Sky (#9DC5E9): A luminous, dusty blue — the color of deep harbor water.
• Lavender Blue (#668AF8): A luminous, vivid violet — the color of wild irises.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#210E4D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Iris Harbor 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

• Hushed Azure Field color palette (#ECDFE8, #86CCE1, #009BE5, #007E71, #061B49)
• Cobalt Canyon color palette (#ECF0E5, #8FB6DA, #1E73D3, #005475, #021754)
• Muted Thicket color palette (#FFF0FA, #99E7FF, #41B4FE, #00998A, #122E6A)
• Worn Cobalt color palette (#EFDDE4, #7DA6C5, #4670C9, #005C64, #090028)
• Antique Ultramarine Archive color palette (#EFE3D6, #5FA2DB, #324EAE, #003840, #0C0325)
• Tempered Emerald color palette (#B5E9F5, #AFC5F1, #C39CE3, #009A59, #002B31)
• Washed Turquoise color palette (#CFE4E8, #00C2CF, #00939E, #005E67, #000E0F)
• Wandering Scarlet Lantern color palette (#BBEAEE, #009FAB, #DC3B7B, #DA1000, #001518)

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