Iris Villa color palette — #EBF9F1 · #B9B274 · #8C92D5 · #7C7430 · #424C67

Lavender Blue takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Sage (#B9B274): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#8C92D5): A luminous, balanced violet — the color of wild irises.
• Walnut (#7C7430): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#424C67): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Bronze Loft color palette (#FFF1F7, #D6A481, #54A3C9, #9E6234, #345164)
• Dusty Pine Basin color palette (#E7FAF7, #92BD92, #C280AA, #438446, #534761)
• Hushed Iris color palette (#E7FBED, #AD9649, #6786D6, #8C678F, #34483B)
• Softworn Mustard Chapel color palette (#F7F1E5, #C0B568, #C78797, #7D7330, #442924)
• Ancient Driftwood Corridor color palette (#EBF9F1, #9FC0B5, #8A8153, #496648, #374D4A)
• Mustard Studio color palette (#E9FAF0, #D7C56B, #E498AC, #9A8D48, #57465C)
• Muted Taupe color palette (#FCF5E3, #DED79C, #C1C1F4, #B4AB5F, #624155)
• Tempered Forest Coast color palette (#ECF8F7, #DEB2C2, #40694A, #15403E, #1B272C)

Browse the whole catalog at Explore, or see today's palette.