Iris Harbor color palette — #F3F4FF · #DBC3F8 · #9773BC · #584073 · #343454

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lilac Frost (#DBC3F8): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#9773BC): A luminous, balanced violet — the color of wild irises.
• Royal Purple (#584073): A full-bodied, balanced violet — the color of wild irises.
• Navy (#343454): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Station color palette (#F4F4FF, #F3D1E9, #C8AADD, #9483B6, #3D2F51)
• Cobalt Dune color palette (#EFF6FF, #B1CFFE, #527EB9, #33507C, #233852)
• Ancient Driftwood Thicket color palette (#FAF2FF, #F2B4CA, #B66B87, #713A51, #422E4C)
• Hushed Petal color palette (#FFF1F6, #E0C5FF, #AC95CD, #775F8A, #4A2936)
• Lagoon Alley color palette (#F0F5FF, #7A8EC3, #4B9066, #006E68, #353D4D)
• Timeworn Bronze color palette (#F8F3F9, #E6AFBA, #B46635, #985666, #352A30)
• Frosted Mulberry color palette (#FFDBF3, #C369AA, #96007D, #4D003F, #2B0023)
• Shadow Basin color palette (#E5DAEA, #8E41A4, #4C005D, #220F04, #13001B)

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