Iris Harbor color palette — #FFF0F9 · #BAC2FD · #817BB6 · #494D75 · #462B3D

Slate Blue and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#BAC2FD): A whisper-light, balanced violet — the color of wild irises.
• Slate Blue (#817BB6): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#494D75): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#462B3D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Weathered Denim Corridor color palette (#FFEBF7, #C0C4F1, #777FB2, #49487A, #2D0F22)
• Mallow Atelier color palette (#FFF1F2, #EFB2E0, #9E71A0, #65415D, #4A2A2F)
• Wandering Coast color palette (#F1F5FF, #D4D1FF, #9496CA, #696496, #30395A)
• Bronze Garden color palette (#FCF2F5, #D6AFE8, #AB6A55, #7D608A, #332C28)
• Timeworn Cerulean Delta color palette (#DAFFF0, #8FD7FB, #4F8BB4, #225269, #173E30)
• Ash Market color palette (#FFF0FB, #E7D8D6, #AEB19E, #779B8C, #5C4B55)
• Lilac Basin color palette (#FFF1F4, #B075C4, #638B5B, #4B6846, #4A373C)
• Tempered Stone color palette (#FEF1F7, #B0CB8E, #605682, #47313C, #2D2020)

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