Iris Loft color palette — #FFF1F6 · #DADFF2 · #6495FF · #00717B · #231851
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Frost (#DADFF2): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#6495FF): A luminous, vivid violet — the color of twilight just after sunset.
- Teal (#00717B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#231851): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.
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
- Hazy Azure color palette (#FDF1FA, #D2DAF7, #00A7E3, #007460, #00244D)
- Frosted Sapphire Corridor color palette (#FCEFE4, #84C3F2, #4C65D6, #005151, #230047)
- Dusty Bloom color palette (#EBDEE7, #6CAFB7, #005D7A, #002D20, #000104)
- Hushed Field color palette (#FBF2F8, #D3D5E4, #75C8E5, #389571, #284259)
- Bronze Grove color palette (#D8FFF4, #BCE8E5, #B7C6FA, #A67D00, #003014)
- Weathered Bloom color palette (#DAFFF0, #BECD29, #E700D2, #697200, #390032)
- Gentle Violet Courtyard color palette (#EFFEBE, #A3B92B, #8152EB, #C32285, #111500)
- Mustard Coast color palette (#FFEAC6, #C8BA00, #809300, #2C5C00, #002B19)
Browse the whole catalog at Explore, or see today's palette.