Iris Villa color palette — #F1F5FF · #BFBEF2 · #BBB476 · #8783C4 · #305644
Slate Blue and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#BFBEF2): A whisper-light, dusty violet — the color of a velvet chair.
- Sage (#BBB476): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#8783C4): A luminous, balanced violet — the color of twilight just after sunset.
- Deep Olive (#305644): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Aged Boulevard color palette (#F7F3FE, #E0B4D6, #8AC190, #AC78A2, #275652)
- Patina Drift color palette (#EEF6FF, #A6C7F0, #D6A774, #5E8FCA, #62424D)
- Worn Sunflower color palette (#FFF0F8, #E7D5EE, #D4D179, #9491D5, #48463F)
- Wandering Cobalt color palette (#F0F5FF, #9FADDF, #8FA25C, #5C6DB4, #475328)
- Washed Ash Basin color palette (#F2F4FF, #DFD7E0, #B9B1A8, #97A8C4, #4A4A5D)
- Aged Taupe Summit color palette (#F2F5FF, #B2A9DE, #D2956E, #60A18E, #3C4157)
- Washed Pewter Thicket color palette (#EEF9EE, #B9D2BF, #8BA38A, #8A6979, #3A4D43)
- Hushed Driftwood color palette (#F6F3FF, #B9DBC0, #946F92, #4F495E, #2C2A33)
Browse the whole catalog at Explore, or see today's palette.