Iris Loft color palette — #EAF8FF · #8BC6FF · #6C8AF7 · #544F94 · #3E274F
Lavender Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EAF8FF): a clean, paper-quiet neutral.
- Sky (#8BC6FF): A luminous, balanced blue — the color of open sky before noon.
- Lavender Blue (#6C8AF7): A luminous, vivid violet — the color of twilight just after sunset.
- Indigo (#544F94): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#3E274F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Weathered Iris color palette (#D4F0F9, #73C1FF, #6C92EF, #776EBF, #4E3060)
- Violet Orchard color palette (#F0F5FF, #B5BAFF, #9A6FD9, #7A4F8B, #471E39)
- Patina Loft color palette (#DBFDFF, #00D0FA, #0091CB, #265D97, #282F53)
- Powdered Iris Chapel color palette (#F5F4FF, #CFD0FF, #937FDD, #463A7B, #110836)
- Muted Summit color palette (#C9EBF7, #4F9CCE, #2D62C2, #46268E, #311341)
- Airy Mustard color palette (#FFF0FB, #AABBFF, #C6A507, #5C6CC3, #312700)
- Quiet Lapis Boulevard color palette (#CDE7FB, #518FFF, #504BEA, #44127F, #1B0021)
- Tempered Grape Studio color palette (#DDE9FF, #6D6AFF, #6F00B7, #420051, #0F000B)
Browse the whole catalog at Explore, or see today's palette.