Iris Loft color palette — #D2E2F2 · #9CBCFF · #8584FF · #7862C1 · #453259
Lavender Blue takes the lead with Cornflower Indigo close behind in a set that reads as creativity and balance at first glance.
The five colors
- Frost (#D2E2F2): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#9CBCFF): A luminous, balanced violet — the color of a velvet chair.
- Lavender Blue (#8584FF): A luminous, vivid violet — the color of wild irises.
- Cornflower Indigo (#7862C1): A full-bodied, balanced violet — the color of wild irises.
- Navy (#453259): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Iris Loft 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
- Iris Veranda color palette (#EAF8FF, #9BC6FF, #7E83E9, #644789, #472546)
- Hushed Loft color palette (#E0DFF1, #C2ABFF, #C076F2, #9F56A7, #502D49)
- Weathered Indigo color palette (#D8E6FF, #7D8FE2, #5E5EBD, #3C317B, #241845)
- Feathered Bloom color palette (#D7F3FF, #52C7FE, #239DFA, #457CD1, #2D3459)
- Wisteria Veranda color palette (#F3F4FF, #D9C0FF, #B485FF, #8861B8, #261341)
- Tempered Violet color palette (#E9EEFF, #B8B5FF, #C2C32B, #8170EE, #373806)
- Linen Amethyst color palette (#DEE7FA, #878BFF, #8447FF, #7232B5, #350E40)
- Antique Shell color palette (#F2F4FF, #E7D4E9, #FDB6B5, #93A3D9, #3F3F57)
Browse the whole catalog at Explore, or see today's palette.