Iris Harbor color palette — #FBF2F6 · #CCB9EE · #C3738D · #8B70B6 · #311F1C

Slate Blue takes the lead with Dusty Rose close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Lavender (#CCB9EE): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#C3738D): A luminous, balanced rose — the color of a warm blush.
• Slate Blue (#8B70B6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#311F1C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: 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

• Peony Lagoon color palette (#FAF2FB, #99C8FF, #BC72AB, #4F83BF, #321E20)
• Driftwood Orchard color palette (#FDF2F3, #ECC2E3, #C78A7B, #AB7AA1, #4D1E00)
• Washed Blush color palette (#F3F4FC, #EFD3EA, #E8719A, #9678C5, #180D1C)
• Mallow Studio color palette (#FFF4E2, #D59AD1, #B46F7B, #46703B, #533333)
• Timeworn Coral color palette (#F2F5FC, #CCD1FF, #F78A80, #9398EB, #2B2029)
• Garnet Grove color palette (#F8EDFF, #E6A7D5, #C27A95, #A34756, #6D1508)
• Dusty Ash color palette (#FCF2F4, #E4D8D3, #CCBEB3, #A283A6, #514346)
• Patina Lilac color palette (#FFF1F5, #A280CD, #917933, #006948, #38273A)

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