Iris Harbor color palette — #D9FFF3 · #F1D3F4 · #9CB6E8 · #7B8DD5 · #3F3B79
Built around Lavender Blue, softened by Navy — the whole palette hums with creativity and calm.
The five colors
- Honeydew (#D9FFF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Thistle (#F1D3F4): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#9CB6E8): A luminous, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#7B8DD5): A luminous, balanced violet — the color of a velvet chair.
- Navy (#3F3B79): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. Tagged light, 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
- Powder Study color palette (#E7F9FF, #D0DAE9, #8BB8FA, #7174AE, #543365)
- Aged Powder color palette (#E7F4FF, #94C7FC, #6785B2, #3F4F7C, #232450)
- Hazy Azure Lantern color palette (#DDFFE6, #BEEACF, #80C0DD, #3699D5, #00497F)
- Lilac Lagoon color palette (#FFF0F8, #FBCDE0, #C9A7E1, #B177BE, #663261)
- Worn Powder Delta color palette (#FFF2EF, #AFD4FF, #9EABE2, #AF7896, #544053)
- Aged Veranda color palette (#DEEAFF, #B5C7FF, #9898FF, #8B48FF, #4A007C)
- Hushed Powder color palette (#FAEDFA, #97B9E8, #877583, #5D505D, #1B2421)
- Ancient Byzantium color palette (#E3E4FF, #C8B5FF, #AF87DD, #A149C1, #4F0055)
Browse the whole catalog at Explore, or see today's palette.