Iris Lagoon color palette — #ECF2FF · #707ED4 · #80781A · #5A540D · #11192C
A conversation between Periwinkle and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Periwinkle (#707ED4): A luminous, balanced violet — the color of a velvet chair.
- Walnut (#80781A): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#5A540D): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#11192C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Worn Bronze color palette (#EAF3FE, #5C86CB, #946E00, #006055, #111A28)
- Iris Alley color palette (#EEF1FE, #8A74D0, #248956, #086149, #15182B)
- Softworn Iris Ridge color palette (#FFF0FC, #7698FC, #879949, #69763F, #3C2D3A)
- Misty Villa color palette (#E5F5FC, #0097AA, #B55056, #5D5300, #041D26)
- Misty Terracotta color palette (#EDF2FF, #8484CD, #A5400A, #004E34, #002232)
- Soft Sapphire color palette (#DEEAFB, #0B59F0, #735600, #00463C, #00052B)
- Indigo Bloom color palette (#F2F5FF, #7D6CDF, #A65364, #005F65, #2E3242)
- Faded Balcony color palette (#E1F8F1, #9F90D4, #A34474, #005345, #221F37)
Browse the whole catalog at Explore, or see today's palette.