Iris Villa color palette — #F3F4FF · #8971BE · #876D2D · #1D6235 · #2E3146
A conversation between Slate Blue and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Slate Blue (#8971BE): A luminous, balanced violet — the color of a velvet chair.
- Walnut (#876D2D): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Pine (#1D6235): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#2E3146): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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 Chestnut color palette (#F7F2FF, #AE729B, #865818, #005639, #1E3959)
- Weathered Ash color palette (#F6F3FF, #AC7EA8, #7A8558, #306B63, #3F394D)
- Tempered Coast color palette (#F2F0FF, #A172AB, #A95D47, #006239, #1B162C)
- Muted Cobalt color palette (#EEF6FF, #4085C6, #9C5E50, #635100, #253444)
- Wisteria Pier color palette (#E6FCEA, #BF7DB5, #9B4F5A, #2B5A27, #443750)
- Weathered Cypress Villa color palette (#FFF1F5, #B18FC6, #C6785A, #008264, #442A32)
- Washed Pewter color palette (#F5F4FB, #E2D7DF, #CABBC1, #876888, #484553)
- Sunlit Field color palette (#F9F2FF, #D35092, #196805, #005558, #352240)
Browse the whole catalog at Explore, or see today's palette.