Iris Lagoon color palette — #D4E0EC · #99B6FC · #9188F9 · #8B55BD · #502B55
Lavender Blue and Amethyst set the tone — five colors that lean into creativity and balance.
The five colors
- Silver (#D4E0EC): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#99B6FC): A luminous, balanced violet — the color of twilight just after sunset.
- Lavender Blue (#9188F9): A luminous, vivid violet — the color of wild irises.
- Amethyst (#8B55BD): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#502B55): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Creativity, Balance. 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
- Quiet Parlor color palette (#E4EAFF, #A4A6F5, #8271E0, #6639AB, #483261)
- Worn Indigo color palette (#D3E6EB, #75C6F5, #5299FC, #5B74DF, #3B3162)
- Faded Wisteria color palette (#E3E4FF, #C1A8F9, #C572D4, #B5519F, #5F283D)
- Gentle Lantern color palette (#E3F1FF, #6790FF, #644FB7, #532C69, #30142E)
- Violet Study color palette (#F0F1FF, #DCBBF6, #C38AE9, #8A55BC, #320D48)
- Hushed Byzantium Ridge color palette (#D9E7FF, #8887F7, #8E58ED, #8D00B9, #380032)
- Soft Boulevard color palette (#E9EEFF, #BEB2FF, #9FBE5D, #9573FF, #2D3C00)
- Airy Harbor color palette (#EAF3E5, #00E1F2, #B688E7, #424365, #1E1F2D)
Browse the whole catalog at Explore, or see today's palette.