Iris Harbor color palette — #D0DFF7 · #6C97FF · #D0679D · #00867C · #091A35
Lavender Blue takes the lead with Hot Pink close behind in a set that reads as creativity and calm at first glance.
The five colors
- Powder Blue (#D0DFF7): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender Blue (#6C97FF): A luminous, vivid violet — the color of wild irises.
- Hot Pink (#D0679D): A luminous, balanced rose — the color of pressed rose petals.
- Teal (#00867C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#091A35): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Weathered Raspberry color palette (#E8ECFF, #9A81FF, #DE4676, #00727F, #021127)
- Aged Lilac Thicket color palette (#E8EEFF, #A49EFF, #E6798D, #35919A, #1F253B)
- Hazy Wisteria Alley color palette (#C9E2F4, #00AAE6, #B470D0, #A75185, #031D2D)
- Airy Magenta color palette (#DDDBF4, #D65BFF, #DB6C42, #007EAD, #1B1533)
- Frosted Market color palette (#E7EBF7, #B6B2FF, #C36CD4, #8276E0, #0E091E)
- Muted Summit color palette (#ECEEF8, #DACEDE, #C8B2C9, #9A87BC, #2C2D39)
- Fuchsia Station color palette (#E1DEF4, #DA6FED, #CF5569, #8C5100, #171747)
- Blush Market color palette (#FBF1FF, #FF85AE, #DEA721, #6D71D1, #431D2A)
Browse the whole catalog at Explore, or see today's palette.