Iris Villa color palette — #F8F0E9 · #B9E8D8 · #788BC2 · #0E6C6A · #3E222F
A conversation between Slate Blue and Teal, giving this palette its sense of creativity and calm.
The five colors
- Cream (#F8F0E9): a clean, paper-quiet neutral.
- Mint (#B9E8D8): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#788BC2): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#0E6C6A): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#3E222F): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Weathered Petrol Pier color palette (#F4F6EF, #C6E4DA, #678EB6, #006C8D, #563E56)
- Weathered Hollow color palette (#FAF0E7, #99D9FF, #547FD9, #00635D, #271C47)
- Frosted Teal color palette (#E6F8E5, #00BBBA, #BE738E, #007473, #3F1828)
- Dusty Denim color palette (#F1DDD4, #59AAB8, #005E8B, #003B27, #02052A)
- Lagoon Canyon color palette (#FBF2F5, #D7DDFB, #8CA5D3, #358890, #3C4666)
- Navy Chapel color palette (#ECDDD4, #1984A6, #003A74, #00201A, #01000A)
- Aged Indigo color palette (#F0E7DE, #82B9EC, #5762B5, #004B4E, #1D0C2D)
- Petrol Harbor color palette (#FEEEE8, #5ECFD8, #007CA7, #00552F, #001642)
Browse the whole catalog at Explore, or see today's palette.