Iris Villa color palette — #FFF1F6 · #DADFF2 · #7990FD · #007273 · #300B54

Lavender Blue and Deep Indigo set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Frost (#DADFF2): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#7990FD): A luminous, vivid violet — the color of a velvet chair.
• Teal (#007273): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#300B54): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged coastal, cool, light.

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

• Wandering Study color palette (#FFF0FA, #D5D9F4, #1EA0FA, #00755A, #170F67)
• Periwinkle Study color palette (#FFF4E2, #B8DFFF, #75ABFF, #0093B1, #242B68)
• Sapphire Quarry color palette (#FFF3E7, #6CC0FF, #4E62C9, #005556, #3C235E)
• Chalky Pier color palette (#FBF1FB, #B3FEFE, #00A9D6, #007831, #00244B)
• Quiet Amber color palette (#EDF6FF, #67BAFF, #D48906, #006EB0, #2D1900)
• Patina Ridge color palette (#EDF7FF, #E2DAE3, #FFBBD1, #00999C, #102051)
• Antique Forest Drift color palette (#FBF1FD, #9CD9D5, #0088A4, #09560D, #000D1D)
• Hushed Emerald color palette (#F9F3F9, #D4D4E3, #89C4E3, #289960, #2C3F60)

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