Quiet Iris Villa color palette — #F0F5FF · #B2C1FF · #FDB02D · #6E80F3 · #513400

Periwinkle and Saffron set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B2C1FF): A whisper-light, balanced violet — the color of a velvet chair.
• Saffron (#FDB02D): A luminous, balanced gold — the color of afternoon light on wheat.
• Periwinkle (#6E80F3): A luminous, vivid violet — the color of wild irises.
• Espresso (#513400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: 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

• Worn Indigo color palette (#FFF0FC, #AEC7FF, #D5AA08, #416FF6, #3A2C00)
• Timeworn Cabin color palette (#EDF7FF, #83CFFF, #FFAB77, #0097D8, #5E2A00)
• Lime Ridge color palette (#E8EEFF, #B8B5FF, #A7BC51, #8B84DC, #323A10)
• Pale Mallow color palette (#F4F4FF, #E8B5FF, #AEC981, #B58DC7, #194C41)
• Misty Marigold Orchard color palette (#E3EBFF, #94B1FF, #DA9F00, #A0A32F, #202E55)
• Dusty Lime color palette (#F5F3FF, #F5C6FF, #98CC03, #B455C7, #2F4200)
• Muted Apricot color palette (#C7EFE7, #FFB180, #ACB8FF, #4C5977, #191F2B)
• Hushed Basin color palette (#F0F5FF, #E9D5E5, #F7BAB5, #5CB6E1, #3F4167)

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