Iris Lagoon color palette — #EFF6FF · #D2DBF6 · #C3BEEE · #8B8CC6 · #3E4A61
Slate Blue and Lavender set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Powder Blue (#D2DBF6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender (#C3BEEE): A whisper-light, dusty violet — the color of a velvet chair.
- Slate Blue (#8B8CC6): A luminous, balanced violet — the color of a velvet chair.
- Charcoal (#3E4A61): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Iris Lagoon 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
- Lilac Garden color palette (#EBF3FE, #CFD9EC, #C5BCF6, #AA96CF, #232F47)
- Aged Lilac Coast color palette (#EEF3FF, #ADA4ED, #8A79B9, #6D5B87, #504F6A)
- Washed Ash color palette (#FCF1FB, #D7D5E7, #D3AED1, #C791B9, #5C4354)
- Hushed Grove color palette (#F3F4FF, #BBA1E5, #57A7AF, #7C659F, #2A5361)
- Timeworn Lilac Grove color palette (#F1F5FF, #B1CCFF, #9992FF, #9766CA, #34285B)
- Washed Atelier color palette (#F6F3FF, #F6D0E8, #E49AE6, #B96990, #433858)
- Hushed Market color palette (#EBF2FF, #5D77CB, #363C4E, #242931, #14141A)
- Hushed Driftwood Terrace color palette (#EDF8F2, #9FCDB9, #7C875C, #4F6C6F, #42514A)
Browse the whole catalog at Explore, or see today's palette.