Iris Harbor color palette — #E5EFFB · #98C0FF · #698FFF · #5767C1 · #393A64
Lavender Blue and Cornflower Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E5EFFB): bright and airy, almost weightless.
- Sky (#98C0FF): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#698FFF): A luminous, vivid violet — the color of wild irises.
- Cornflower Indigo (#5767C1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#393A64): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Cornflower Harbor color palette (#E6F7FF, #92CFFF, #6583E8, #595199, #37244A)
- Linen Canyon color palette (#E6E8FF, #B3A9FF, #A981FF, #835EB4, #442C53)
- Pale Azure color palette (#D0EFF9, #35C5F5, #00A2D9, #0079B5, #1D3E5B)
- Quiet Chapel color palette (#E6EFFF, #A2BDFF, #00CEA4, #6289FB, #004031)
- Feathered Sapphire color palette (#D0EDF4, #26A0D9, #4B62C0, #462F81, #280D39)
- Worn Garden color palette (#D4E2FB, #6489FF, #575EFF, #4D3BBB, #1F074A)
- Worn Study color palette (#DBE4FF, #A4A2FF, #ED76B3, #00A7C7, #222A44)
- Antique Mallow Harbor color palette (#F2F5FF, #E8D4E5, #ECBCFF, #9BA7E2, #3C415A)
Browse the whole catalog at Explore, or see today's palette.