Iris Harbor color palette — #F2F5FF · #E8D3A7 · #918CCB · #605C8D · #1E212C

Blue Fog and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Wheat (#E8D3A7): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#918CCB): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#605C8D): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#1E212C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Ash color palette (#F7F3FE, #BAE1C2, #B87FAB, #7F5175, #241E2D)
• Wandering Petrol Archive color palette (#F1F5FF, #BFCB98, #656DA0, #393F64, #1B212F)
• Cobalt Archive color palette (#FEF0FA, #DAF0AC, #6271B2, #4C2C44, #170B14)
• Hushed Wisteria Dune color palette (#F5F4FB, #E2D8DF, #C1AEAD, #CC94D5, #484650)
• Orchid Bloom color palette (#E1E1FF, #E8B640, #A153D7, #662E8B, #0E0928)
• Worn Courtyard color palette (#FDECF5, #CDAF6F, #524D80, #381D2D, #14080F)
• Emerald Chapel color palette (#E7FCEB, #E4B6E0, #D78C98, #599348, #443554)
• Tempered Emerald color palette (#F2F5FF, #BCAFED, #D1A55D, #5BA362, #2D314A)

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