Iris Villa color palette — #EFF8EF · #4AC3C3 · #8194E4 · #BE645E · #2C2F11
A conversation between Lavender Blue and Mocha, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#EFF8EF): a clean, paper-quiet neutral.
- Aqua (#4AC3C3): A luminous, balanced teal — the color of glacier melt.
- Lavender Blue (#8194E4): A luminous, balanced violet — the color of wild irises.
- Mocha (#BE645E): A luminous, balanced orange — the color of sun-warmed clay.
- Deep Forest (#2C2F11): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Creativity, Balance. Tagged jewel, vibrant.
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
- Wisteria Cabin color palette (#EDF9F1, #4FC3E3, #B983DA, #C06B2B, #1F2D18)
- Timeworn Atelier color palette (#F5F7E9, #9BCE95, #879CE3, #B96040, #2A4007)
- Softworn Lagoon color palette (#F1F8EE, #63CCB8, #3EA4CD, #C3598F, #332B14)
- Peony Pier color palette (#FDF0FC, #7AA2E9, #D0658D, #867700, #002215)
- Sunlit Violet Coast color palette (#D5F5E5, #14AEDD, #8763FF, #AE4900, #001911)
- Muted Violet color palette (#EAF9F2, #49B3E4, #9B65CF, #8A4869, #25140A)
- Turquoise Pier color palette (#DCE8DF, #00C0D1, #51796D, #3A503F, #151A13)
- Aged Thicket color palette (#EBF9F2, #99954A, #A7618A, #943A35, #3B232B)
Browse the whole catalog at Explore, or see today's palette.