Iris Harbor color palette — #CBEAFF · #92C4FF · #6F8DF4 · #7060A9 · #4E3C60
Built around Lavender Blue, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Frost (#CBEAFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#92C4FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#6F8DF4): A luminous, balanced violet — the color of a velvet chair.
- Slate (#7060A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#4E3C60): 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
- Periwinkle Basin color palette (#EDF6FF, #C3DAFF, #889EF0, #6669A8, #493D62)
- Lilac Delta color palette (#D1E4FF, #B4B2FD, #9F75E7, #8C5595, #493B5C)
- Azure Dune color palette (#C7F0FF, #59CBEB, #00A0E4, #3F6CAF, #3B4B6C)
- Iris Cabin color palette (#F2F4FF, #CAC1FF, #927DD8, #59539B, #32284B)
- Linen Mustard color palette (#F0F5FF, #A0B2FF, #B2A928, #6879CD, #204C39)
- Weathered Shell color palette (#F0F5FF, #E0D6E5, #FDBBD4, #6F9CC3, #4E5063)
- Hazy Violet color palette (#D9EBFF, #7B94FF, #864DFF, #7800AD, #560C53)
- Aged Drift color palette (#F0F5FF, #899EF5, #BE9100, #6D9444, #2C384F)
Browse the whole catalog at Explore, or see today's palette.