Iris Villa color palette — #F7F8DD · #8293D7 · #885583 · #235A3B · #4D3541
Lavender Blue takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F7F8DD): A whisper-light, dusty green — the color of new leaves after rain.
- Lavender Blue (#8293D7): A luminous, balanced violet — the color of wild irises.
- Graphite (#885583): A full-bodied, balanced pink — the color of neon signs at night.
- Pine (#235A3B): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#4D3541): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro, 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
- Tempered Pewter Atelier color palette (#FAF6E0, #B19DCD, #9C6574, #266561, #594044)
- Ancient Petrol color palette (#FDF5DE, #4AA4C7, #6460A2, #574F00, #21453D)
- Dusty Iris color palette (#FFF0FB, #7281D2, #944B3B, #09572F, #004335)
- Hushed Cypress color palette (#FBF3EE, #C3E6D3, #648FB3, #1D7069, #5B3C56)
- Dusty Coast color palette (#FFEBF7, #B48AC3, #91527E, #703200, #241E35)
- Softworn Chestnut color palette (#FFF2EB, #C99EDA, #AE6D9B, #974B19, #553138)
- Quiet Study color palette (#F8F9C7, #BB66BD, #AA282C, #004E5B, #52223C)
- Dusty Station color palette (#FFF0FD, #CDA4AF, #9C7E78, #597130, #36584F)
Browse the whole catalog at Explore, or see today's palette.