Iris Villa color palette — #FCF2F8 · #CEDE9B · #878ED0 · #5A5F8A · #2A1D26

A conversation between Lavender Blue and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Celadon Mist (#CEDE9B): A whisper-light, balanced green — the color of fresh herbs.
• Lavender Blue (#878ED0): A luminous, balanced violet — the color of wild irises.
• Slate (#5A5F8A): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2A1D26): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Antique Ash color palette (#FBF2F5, #E1E1B5, #AD91C6, #83626D, #34272B)
• Softworn Station color palette (#E9F9F4, #FFC6B2, #5D9BCE, #426786, #182521)
• Peony Chapel color palette (#FFF1F3, #C2DD67, #C165BF, #784677, #271418)
• Softworn Pewter color palette (#FDF1F6, #F2D6C3, #7A6CA1, #492F3C, #160C11)
• Indigo Workshop color palette (#F2F5FF, #F1B1B2, #7166AB, #423C64, #1E212B)
• Ash Basin color palette (#FBF3F5, #E4D9D3, #BCB8A2, #BD9ECB, #504447)
• Amber Corridor color palette (#FFF0F9, #ABA8FF, #CC9400, #1A9688, #392431)
• Stone Market color palette (#EDF1FE, #CCAF75, #514E7F, #1D2543, #090C17)

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