Iris Harbor color palette — #F2F5FD · #E1D5E4 · #DBB6CB · #7F8AFF · #27324C

A conversation between Lavender Blue and Rosewood Mist, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Silver (#E1D5E4): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DBB6CB): A luminous, dusty pink — the color of neon signs at night.
• Lavender Blue (#7F8AFF): A luminous, vivid violet — the color of twilight just after sunset.
• Navy (#27324C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Hushed Ridge color palette (#F4F4FF, #E3D5DE, #E7BDA2, #B971F1, #302F4D)
• Worn Indigo color palette (#F1F5FF, #DDD7E1, #C8C3B7, #7470D0, #1E2436)
• Wandering Thicket color palette (#EFF6FC, #DAD7EA, #CCB8D6, #00A6DB, #1B3647)
• Misty Emerald color palette (#D6E0F0, #A1BBE5, #A592C9, #1C9751, #004550)
• Soft Loft color palette (#E5D9F1, #BB58FF, #7D445B, #3F2A50, #030714)
• Timeworn Powder Study color palette (#F3F5FB, #DDD8DD, #B1AFE1, #B9B3AA, #4F525C)
• Peony Orchard color palette (#D3ECFF, #1DB5F8, #F60589, #007A59, #00283B)
• Weathered Raspberry color palette (#E6E2EB, #CDBABF, #C49D9B, #B95799, #241A30)

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