Iris Villa color palette — #FBF4EC · #BDE7DB · #7086CD · #006F7E · #5C3C4D
Lavender Blue and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Celadon Mist (#BDE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Lavender Blue (#7086CD): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#006F7E): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5C3C4D): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, 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
- Antique Periwinkle color palette (#F3F7ED, #B7E9F2, #84A6D9, #4482A5, #573E53)
- Softworn Quarry color palette (#FDF3EA, #A0D5FF, #4977E8, #00656F, #3D3964)
- Worn Cerulean color palette (#FBF3F0, #C9E5CD, #4396B2, #277155, #2F4F46)
- Weathered Cerulean color palette (#E9F4F4, #C5DFFC, #678FC9, #256588, #1F2C42)
- Muted Peony color palette (#ECF9ED, #4CB1B7, #C4678B, #007479, #5F3243)
- Abyss Market color palette (#FBECE5, #559DA0, #005266, #003220, #001626)
- Hushed Aqua color palette (#DFFEE8, #63CADC, #008690, #004E57, #003238)
- Ancient Balcony color palette (#F9ECE2, #4089AE, #003B77, #002223, #06002B)
Browse the whole catalog at Explore, or see today's palette.