Iris Harbor color palette — #F0F5FF · #B4C1F8 · #BCB37B · #7C88C2 · #2F5742

Built around Slate Blue, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B4C1F8): A whisper-light, dusty violet — the color of wild irises.
• Sage (#BCB37B): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#7C88C2): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#2F5742): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged light, muted, cool.

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

• Worn Canyon color palette (#F4F4FF, #D9B4E8, #84C299, #A17CB1, #275655)
• Softworn Cerulean color palette (#EEF6FF, #9CC9F8, #DAA47A, #5E90C5, #634250)
• Hushed Periwinkle Loft color palette (#F1F5FF, #CAD2FF, #E1C472, #96A1EF, #3B5443)
• Patina Cobalt Villa color palette (#FEF1F9, #A5ACDA, #A29B59, #616AB8, #534F24)
• Patina Station color palette (#EFF6FF, #DFD8E2, #BEAD9F, #84A8BA, #4F5164)
• Hushed Loft color palette (#FFF1F6, #B6D3BE, #B68E9E, #846B80, #394D46)
• Softworn Driftwood color palette (#F3F4FD, #ADDEC6, #8275A2, #474B65, #292A36)
• Ash Harbor color palette (#F2F4FF, #D9CDFA, #9F98CE, #686797, #353155)

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