Quiet Iris Villa color palette — #F0F5FF · #B4C1FF · #E5BE22 · #707FF3 · #473900

Periwinkle and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B4C1FF): A whisper-light, balanced violet — the color of a velvet chair.
• Saffron (#E5BE22): A luminous, balanced green — the color of fresh herbs.
• Periwinkle (#707FF3): A luminous, vivid violet — the color of wild irises.
• Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Quiet 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

• Lime Garden color palette (#EAEDFF, #C6AFFF, #B0CA21, #9170D6, #323A09)
• Azure Garden color palette (#EDF6FF, #8CCDFF, #FFAC62, #0094E3, #582F00)
• Amethyst Lagoon color palette (#D7DDF1, #BDBAFF, #AEA703, #6B50DE, #2D2A00)
• Mint Terrace color palette (#F5F3FF, #EAB6F7, #78D780, #C084CF, #294C2C)
• Antique Apricot Grove color palette (#E3EBFF, #A8AAFF, #FF824F, #00B87E, #242E4E)
• Weathered Lime Study color palette (#F5F3FF, #F9C3FF, #56D83B, #BD48CC, #17460D)
• Periwinkle Orchard color palette (#F1F5FF, #E5D6E1, #FFBCC2, #72A7F6, #474067)
• Ancient Mallow Villa color palette (#D9F7EB, #FFB279, #D8A4FF, #604971, #1F1E2B)

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