Iris Harbor color palette — #F3F5FC · #D7C7FB · #CC8A60 · #957DC5 · #382930

Lavender Blue and Camel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Lilac Frost (#D7C7FB): A whisper-light, dusty violet — the color of a velvet chair.
• Camel (#CC8A60): A luminous, balanced gold — the color of old brass.
• Lavender Blue (#957DC5): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#382930): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Aged Blush color palette (#F2F5FC, #BED0FF, #D67B97, #7189CC, #332A36)
• Antique Drift color palette (#FBF2F5, #E8D9E1, #DF9B89, #AB8BC0, #281B14)
• Taupe Coast color palette (#F7F4FA, #F7BDDC, #A4A047, #BA719B, #23322B)
• Dusty Bronze Pier color palette (#F6F3FF, #C28ABA, #A87D20, #16726F, #333441)
• Ancient Station color palette (#FCF2F4, #DFACE3, #AB6579, #835E86, #382A28)
• Coral Station color palette (#E5FBF1, #D4AEDC, #CA777A, #3C7A80, #4B4455)
• Blush Pier color palette (#F3F4FF, #F1BEE6, #CF8099, #9E594E, #6E3A0D)
• Aged Pier color palette (#F6F4FA, #E0D7DC, #C5B0AC, #B38DB0, #535159)

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