Iris Villa color palette — #F0F5FF · #B3CAFF · #6C91E9 · #3D5997 · #1F3055
Lavender Blue and Peacock set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lilac Frost (#B3CAFF): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#6C91E9): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#3D5997): A full-bodied, balanced violet — the color of wild irises.
- Navy (#1F3055): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.
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
- Iris Corridor color palette (#F3F4FF, #CBBBFF, #967EDF, #654B8C, #362A4D)
- Patina Azure color palette (#EBF7FF, #90D9FE, #2A9DDA, #006986, #00354B)
- Denim Delta color palette (#FFF0FD, #DFD9EF, #85A6E7, #3E5A97, #0C1B40)
- Airy Cobalt color palette (#F0F6FF, #97B9FF, #4F74B4, #2C4774, #213054)
- Indigo Workshop color palette (#F1F5FE, #B8BEFF, #D29332, #6162BD, #1B281B)
- Petal Ridge color palette (#EDF6FF, #DCD9E3, #FCC1E3, #5FA8AF, #3D495C)
- Tempered Honey color palette (#D6EDD9, #FDBF40, #81C5FF, #2E455B, #292E33)
- Linen Workshop color palette (#EDF7FF, #41A8EA, #2BA871, #237F74, #243543)
Browse the whole catalog at Explore, or see today's palette.