Iris Lagoon color palette — #E8EEFF · #7C7EEE · #897900 · #4B4B9B · #3E3600
A conversation between Lavender Blue and Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#E8EEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#7C7EEE): A luminous, vivid violet — the color of twilight just after sunset.
- Olive Leaf (#897900): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#4B4B9B): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#3E3600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Faded Study color palette (#E1F1FF, #0097DD, #A06E00, #005D8A, #493000)
- Orchid Boulevard color palette (#EEECFF, #B667D2, #658627, #703E82, #2D3B14)
- Gentle Harbor color palette (#D9E4FF, #6768DE, #697400, #23642F, #202A45)
- Washed Workshop color palette (#FCE0F2, #7F88DE, #00907E, #4443AD, #00221D)
- Dusty Amethyst Ridge color palette (#DFE4FF, #7B46D3, #615C00, #47008C, #1E1C00)
- Feathered Indigo Studio color palette (#E7EFFF, #91A0F9, #00AD97, #5D68BE, #003F36)
- Indigo Market color palette (#F9E9F3, #B1B8FF, #CEBE47, #7373F3, #3D3600)
- Tempered Pewter Canyon color palette (#F7F3FF, #D49AC7, #6FA882, #945D88, #2D5554)
Browse the whole catalog at Explore, or see today's palette.