Iris Villa color palette — #FFF3E4 · #F5C0CC · #CBA86F · #7988C5 · #4D4642

Slate Blue and Camel set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Oat (#F5C0CC): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#CBA86F): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate Blue (#7988C5): A luminous, balanced violet — the color of wild irises.
• Charcoal (#4D4642): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, light, muted.

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

• Dusty Loft color palette (#FFF3E8, #F4C4AE, #A6B67E, #8E83B8, #633F00)
• Wandering Cerulean color palette (#FAF5E4, #DCC6F2, #D89D99, #4A95BD, #5B3F41)
• Aged Taupe Boulevard color palette (#FEF4E4, #FFD1BD, #B99E63, #3B7D8D, #5D3400)
• Wandering Cerulean color palette (#FCF4EA, #E2C193, #70B6C1, #3796A2, #443B61)
• Softworn Petrol Grove color palette (#EDF9EF, #DAAFC7, #A98F53, #007C92, #583F4A)
• Hushed Study color palette (#FFEADB, #EFA86E, #74A858, #845FB0, #33302A)
• Indigo Garden color palette (#FFF3E7, #FFA692, #ADAC19, #6E59D7, #502B00)
• Patina Teal color palette (#FAF4F0, #C4DFE9, #A4CBF2, #5AB69B, #63495B)

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