Iris Lagoon color palette — #F0F5FF · #C8D1FF · #68D0BB · #7683D0 · #004339
A conversation between Lavender Blue and Aqua, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lilac Frost (#C8D1FF): A whisper-light, dusty violet — the color of a velvet chair.
- Aqua (#68D0BB): A luminous, balanced teal — the color of shallow lagoons.
- Lavender Blue (#7683D0): A luminous, balanced violet — the color of wild irises.
- Forest (#004339): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Calm, Balance. Tagged light, muted, 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
- Hushed Lilac color palette (#F3F4FF, #F1D1E9, #88DBE9, #A78BC9, #204C5D)
- Iris Bloom color palette (#F0F6FF, #C1D4FF, #F29FB4, #6987CF, #582534)
- Lilac Delta color palette (#F1F5FF, #C5C5FE, #DFB858, #958DFF, #533F06)
- Misty Lagoon color palette (#FDF1FA, #899CDA, #00A182, #4C5FAA, #174D3F)
- Taupe Quarry color palette (#FFF1F5, #C8E6C9, #BD8F9E, #845E6E, #213827)
- Weathered Lantern color palette (#F2F5FF, #B6B1F8, #DE8EB0, #36A0BE, #232942)
- Muted Lilac color palette (#F2F5FF, #E0D7E1, #A697E2, #5E538E, #231741)
- Amethyst Station color palette (#F6F3FF, #BC9EFF, #00AFB6, #8224EB, #002426)
Browse the whole catalog at Explore, or see today's palette.