Iris Villa color palette — #F2F5FF · #8679D3 · #6D6500 · #005259 · #0D364B

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender Blue (#8679D3): A luminous, balanced violet — the color of a velvet chair.
• Olive (#6D6500): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005259): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#0D364B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Tempered Drift color palette (#F3F5FD, #988FC5, #846F00, #385380, #35425B)
• Aged Olive color palette (#F6F3FF, #AD6EAE, #44711F, #2C457D, #362B53)
• Pine Delta color palette (#F9F3F8, #C1E3EE, #3C96B9, #2C7244, #354962)
• Patina Fuchsia color palette (#F7F3FF, #DF7BCD, #B26E32, #426941, #003E54)
• Airy Peony Parlor color palette (#FFEDEE, #C564B5, #8C561A, #024E28, #002037)
• Antique Amethyst color palette (#E2E6FF, #7F39E8, #514E00, #003657, #161A3C)
• Terracotta Cabin color palette (#E9F8FF, #0199B0, #A03F3F, #00544E, #003945)
• Muted Stone color palette (#EFF4FF, #BAAACD, #9D7E93, #466B7C, #434F62)

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