Iris Villa color palette — #DCE6C9 · #66BFCE · #6789CF · #3A4900 · #000201
Lavender Blue and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DCE6C9): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#66BFCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#6789CF): A luminous, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3A4900): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Iris Villa 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
- Azure Field color palette (#E1E1BE, #81BDA9, #009FCD, #5F4200, #000200)
- Lilac Corridor color palette (#CFE9D4, #8DB7DD, #A475CF, #00503A, #000103)
- Misty Cobalt color palette (#E0F6E8, #00A3A2, #3B6FC2, #3C3A00, #001513)
- Linen Pine color palette (#C2E6E8, #46BEBB, #00A6D3, #237824, #001114)
- Lagoon Loft color palette (#DDE9D0, #009A99, #006B8E, #003A15, #000202)
- Weathered Peony color palette (#E1F7FF, #B7C1FF, #D477BA, #006355, #00030B)
- Muted Aubergine color palette (#DAE7D9, #008C8C, #660061, #003232, #030003)
- Plum Alley color palette (#D2E6DB, #B65770, #001F29, #030B0B, #000102)
Browse the whole catalog at Explore, or see today's palette.