Iris Harbor color palette — #F1F5FF · #EFFCCF · #7F7FB7 · #3C4562 · #171B25

Slate Blue takes the lead with Custard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Custard (#EFFCCF): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate Blue (#7F7FB7): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#3C4562): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#171B25): A deep, shadowed, dusty violet — the color of wild irises.

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

• Pewter Garden color palette (#F7F3FC, #E3EDAC, #9F5E84, #403050, #130C19)
• Patina Ash Market color palette (#FDF1F6, #FFD1CC, #A594C5, #7E646F, #34272C)
• Washed Stone color palette (#F6EFF4, #B8CBA0, #75566D, #40283A, #1B1018)
• Aged Coral color palette (#F3F5FB, #E0D8E2, #EC9387, #9A8DD8, #241B22)
• Muted Thicket color palette (#E7FAF3, #EBD0FF, #D18B97, #3D7F7F, #423B4F)
• Ancient Studio color palette (#F2F4FF, #C8B7F9, #D1A75F, #4F9272, #2E313F)
• Washed Amethyst Boulevard color palette (#F3F4FF, #AFED92, #8144C5, #372152, #060518)
• Patina Ash Workshop color palette (#F5F4FB, #E0D8DC, #B9B5AB, #C3A0CA, #4D4C54)

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