Iris Villa color palette — #F0F6FF · #A5B3EF · #8374C4 · #6D5488 · #59465D
Lavender Blue and Sky set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#F0F6FF): a clean, paper-quiet neutral.
- Sky (#A5B3EF): A luminous, balanced violet — the color of wild irises.
- Lavender Blue (#8374C4): A luminous, balanced violet — the color of twilight just after sunset.
- Graphite (#6D5488): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#59465D): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Creativity, Balance. Tagged 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
- Hushed Powder color palette (#FFF0FA, #CCCFFF, #B2A8E9, #9283B9, #654451)
- Softworn Bloom color palette (#F3F4FF, #B5A5DF, #8FA34D, #7867A1, #32554A)
- Timeworn Peony Study color palette (#F4F4FF, #DBACDF, #B86AA1, #8A4F6E, #57455B)
- Cobalt Summit color palette (#EAF8FF, #7EC3E2, #2988C4, #486997, #435066)
- Amber Meadow color palette (#F3F4FF, #A588CB, #BA7933, #11887D, #3F4054)
- Tempered Driftwood Loft color palette (#EEF8F0, #9CC3AD, #927E53, #76515E, #394D45)
- Dusty Byzantium color palette (#DFDFF9, #B78AFF, #A000E0, #800483, #652A58)
- Byzantium Delta color palette (#EBE7FB, #A761CB, #9900AE, #670059, #501639)
Browse the whole catalog at Explore, or see today's palette.