Iris Harbor color palette — #ECF3F6 · #9CCCE0 · #8378B7 · #008090 · #121522

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Sky (#9CCCE0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#8378B7): A luminous, balanced violet — the color of a velvet chair.
• Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#121522): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Petrol Balcony color palette (#F0F6FB, #90C9E8, #6F77B6, #0C77A0, #282E3A)
• Patina Pine Pier color palette (#EAF4F4, #9FD1B4, #7280B2, #118658, #0E1624)
• Tempered Courtyard color palette (#EDF2F8, #A7C6ED, #B16A7F, #4273B0, #1A121D)
• Timeworn Fern color palette (#E5F7F0, #78B6CC, #71749F, #565602, #1D2E3D)
• Patina Atelier color palette (#E1F6FF, #99C4E2, #6F7FB1, #5C4389, #441647)
• Antique Boulevard color palette (#F0F7F1, #96E0E8, #B986C2, #319DA8, #372A2C)
• Cerulean Parlor color palette (#EDF3F7, #D6D6DC, #B6ABB2, #4B8AB1, #30373D)
• Weathered Mulberry Basin color palette (#DBE6EF, #4D96C2, #9B0057, #004C6F, #050009)

Browse the whole catalog at Explore, or see today's palette.