Iris Harbor color palette — #D3EAFF · #8EB1E6 · #6C88D9 · #535386 · #2D2F48
A conversation between Lavender Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3EAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#8EB1E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#6C88D9): A luminous, balanced violet — the color of twilight just after sunset.
- Peacock (#535386): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#2D2F48): A deep, shadowed, dusty violet — the color of wild irises.
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
- Washed Cerulean Balcony color palette (#E1F6FF, #75BCD8, #258DC0, #3A5F8A, #2B384D)
- Wandering Iris Cabin color palette (#EAF1FF, #B4ABE7, #9779C7, #6F4A7C, #3C354C)
- Softworn Parlor color palette (#EDF1FF, #C6C0F5, #887EC4, #4E487D, #171A37)
- Patina Powder Chapel color palette (#DBFFEE, #77C1FB, #7884C3, #665A83, #61454B)
- Washed Taupe color palette (#ECF2FE, #A4AEED, #B69948, #626BAE, #1A3925)
- Muted Lagoon color palette (#ECF2FF, #DDD4E1, #F2B5BD, #798EB4, #3B3D4C)
- Amethyst Studio color palette (#D7DEED, #8D91FF, #8334F8, #671B97, #37123F)
- Iris Basin color palette (#EDF2FF, #9493D9, #BE7A5C, #398A69, #222735)
Browse the whole catalog at Explore, or see today's palette.