Iris Lagoon color palette — #E7FBEC · #D4B777 · #57B6E5 · #768AE4 · #15321E
Lavender Blue and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FBEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Sand (#D4B777): A luminous, balanced gold — the color of afternoon light on wheat.
- Cyan (#57B6E5): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#768AE4): A luminous, balanced violet — the color of a velvet chair.
- Deep Forest (#15321E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.
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
- Patina Lilac color palette (#E0FDF0, #BCC17A, #9CA3ED, #9A81D0, #0D3326)
- Hazy Azure color palette (#FFF1F6, #E4AF7C, #1FBBE7, #4396E7, #401F2C)
- Pewter Parlor color palette (#E4FAFA, #74C79B, #54ABC5, #8460A2, #042B2B)
- Wandering Magenta Quarry color palette (#D5FFFB, #4FD36E, #7E94FF, #D21CBC, #002A0B)
- Patina Balcony color palette (#FFF1F5, #C6E3F0, #AAAAC3, #DC9B82, #365241)
- Softworn Raspberry Loft color palette (#DBFDFD, #58BC90, #B478D9, #C4488F, #002214)
- Antique Amber Terrace color palette (#FFF3E4, #B67B00, #467FB6, #655896, #3C3731)
- Airy Amethyst color palette (#FBF9BD, #B8B12A, #2271EA, #8130FF, #151300)
Browse the whole catalog at Explore, or see today's palette.