Iris Villa color palette — #F0F5FF · #C6D2FF · #CBBC68 · #6D81E2 · #413900
Built around Periwinkle, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lilac Frost (#C6D2FF): A whisper-light, dusty violet — the color of a velvet chair.
- Gold (#CBBC68): A luminous, balanced green — the color of a quiet forest floor.
- Periwinkle (#6D81E2): A luminous, balanced violet — the color of a velvet chair.
- Deep Olive (#413900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
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
- Faded Orchid color palette (#F4F4FF, #E3C6FF, #AAC77D, #A36DD2, #2D4003)
- Cobalt Terrace color palette (#EEF6FF, #B3D8FF, #EFA882, #388EDC, #5A2808)
- Powdered Iris color palette (#FFF0FB, #B8CAFF, #40DAB6, #7E98F4, #144D3F)
- Sky Ridge color palette (#F0F5FF, #DFD8E2, #B2AFA4, #74B5E3, #3F435E)
- Weathered Iris color palette (#FFF0FA, #8B97EF, #A3862D, #575F9E, #46423B)
- Moss Pier color palette (#F2F4FF, #BFAFF1, #D39F5C, #849E2A, #252845)
- Pewter Boulevard color palette (#F4F4FF, #D3F0C4, #86689D, #442B57, #0E0D1C)
- Washed Coast color palette (#F1F5FF, #E0D7E1, #A496E4, #5F45A1, #261748)
Browse the whole catalog at Explore, or see today's palette.