Iris Villa color palette — #FCF4E3 · #ACA067 · #9975C8 · #756500 · #4A3960

Lavender Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ACA067): A luminous, dusty green — the color of a quiet forest floor.
• Lavender Blue (#9975C8): A luminous, balanced violet — the color of wild irises.
• Olive (#756500): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#4A3960): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Quiet Chapel color palette (#E3F8EE, #A7A95A, #847CE8, #696900, #242246)
• Tempered Pine color palette (#F4F7E7, #75B07E, #A472BB, #007B30, #50375B)
• Quiet Lilac color palette (#F9F5E6, #BBBD75, #9A95FF, #858611, #57364B)
• Cerulean Alley color palette (#FFF3E6, #C39566, #2793CB, #905600, #124864)
• Muted Mulberry color palette (#F9F7DD, #7B934D, #7970B4, #7F4B8C, #393831)
• Aged Ridge color palette (#FAF5E6, #A9AA88, #787546, #6C4A1B, #324500)
• Patina Plum color palette (#EDFBDC, #2BBE8D, #BA298B, #006D4E, #631549)
• Pale Villa color palette (#E2FDEE, #DBCF6C, #C7ADFF, #ACA144, #3C3F60)

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