Iris Harbor color palette — #F8EEF6 · #D9CFDF · #CEBAF1 · #938DCB · #392332

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

The five colors

• Blush (#F8EEF6): a clean, paper-quiet neutral.
• Silver (#D9CFDF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#CEBAF1): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#938DCB): A luminous, balanced violet — the color of twilight just after sunset.
• Onyx (#392332): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged candy, vibrant, light, 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 Petrol Delta color palette (#F0F3EC, #C6E0E2, #7CA0C6, #3B738B, #412F40)
• Softworn Market color palette (#FFEDEE, #E9D0FF, #E69DE2, #C77A9A, #371830)
• Pewter Studio color palette (#FFECF2, #C1A6DD, #C68D72, #8161A0, #36302B)
• Dusty Wisteria Cabin color palette (#EFF6FF, #CCD6EB, #96C4FE, #B97AC6, #3F455D)
• Dusty Pier color palette (#FDF1FB, #D1D6E8, #F7C2F5, #B1A6A9, #523B4B)
• Worn Violet color palette (#FFEBF6, #AFC9FF, #AEA7FF, #985CCB, #221143)
• Timeworn Grove color palette (#FFEBF6, #D7BDC5, #A69093, #8F5032, #653100)
• Wandering Cobalt Coast color palette (#F6E9F3, #6D7EC1, #46363F, #241B22, #0F0B0F)

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