Iris Harbor color palette — #DFE6F6 · #718FFF · #5458BB · #443C7E · #372F53
Built around Lavender Blue, softened by Iris — the whole palette hums with creativity and balance.
The five colors
- Frost (#DFE6F6): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#718FFF): A luminous, vivid violet — the color of a velvet chair.
- Iris (#5458BB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Indigo (#443C7E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Navy (#372F53): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Timeworn Indigo color palette (#DBECFF, #87A6F8, #7275D1, #5C4995, #482D5C)
- Azure Bloom color palette (#D7E9F3, #019CEA, #006AB5, #184D89, #2A3D60)
- Muted Studio color palette (#E8EEFF, #837FE2, #008B82, #4F489E, #003F3A)
- Antique Corridor color palette (#F7F3FF, #B18FEF, #6B48A3, #3E2661, #26153F)
- Washed Violet color palette (#DEE3FF, #8756E0, #A64867, #006385, #262940)
- Aged Thicket color palette (#F3F4FF, #FBD1E6, #D592C4, #64608D, #3D3B51)
- Tempered Wisteria color palette (#EEE5F3, #BD69CD, #994696, #672D5E, #4E2941)
- Wandering Indigo color palette (#E4E8FB, #6E52F6, #5718B9, #3B0073, #240A3C)
Browse the whole catalog at Explore, or see today's palette.