Iris Harbor color palette — #F7EFF2 · #C8DFF4 · #668BD8 · #006B75 · #232B44
A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7EFF2): a clean, paper-quiet neutral.
- Powder Blue (#C8DFF4): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender Blue (#668BD8): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#006B75): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#232B44): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Patina Bloom color palette (#F7EFF5, #BCE4F1, #239CBE, #116F50, #142E45)
- Aged Cerulean color palette (#EDF8F7, #BFE1FF, #658DBA, #2E6A84, #3A495D)
- Weathered Denim color palette (#E5DAE2, #69A8B3, #006083, #003B2F, #000A1D)
- Worn Navy color palette (#EDE1E7, #3483A0, #003D6A, #001F1E, #00000C)
- Petrol Archive color palette (#FBEDF7, #6ECCD6, #007DA1, #00543E, #001B34)
- Peony Dune color palette (#E0F6FD, #3BB8B8, #C86999, #007373, #3E182C)
- Teal Lantern color palette (#BBEEE5, #69BF96, #009083, #005A5D, #002C3E)
- Wandering Sapphire Market color palette (#E2EDE1, #90B8DE, #4A61C2, #004A55, #170E30)
Browse the whole catalog at Explore, or see today's palette.