Iris Villa color palette — #FFF1F6 · #DBDEF1 · #7E8DFF · #007276 · #310C51
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with creativity and balance.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Frost (#DBDEF1): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#7E8DFF): A luminous, vivid violet — the color of wild irises.
- Teal (#007276): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#310C51): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged coastal, cool, 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
- Azure Meadow color palette (#FCF1F9, #D5D8F3, #23A0FB, #00755C, #18165F)
- Periwinkle Coast color palette (#FEF4E5, #B9DEFF, #77AAFF, #0093B2, #24286F)
- Pale Orchid color palette (#D7FFF7, #82DC4B, #AC6FF9, #377400, #2B004E)
- Tempered Sapphire color palette (#FFF3E6, #7DBFF3, #4B5ED9, #005556, #3C235D)
- Dusty Denim Lagoon color palette (#E5DBE3, #7EAABC, #005B84, #002D1B, #00000C)
- Patina Forest Balcony color palette (#FCF1FD, #A5D5E1, #0088A5, #06560E, #000D1E)
- Aged Emerald color palette (#F8F3F8, #D4D4E3, #8BC3E3, #249963, #2E405A)
- Amber Bloom color palette (#E5FFD2, #C4EFEF, #8DDDFF, #C38300, #003924)
Browse the whole catalog at Explore, or see today's palette.