Teal Villa color palette — #F1F7F2 · #D3DFF7 · #7EC7F4 · #37ABAD · #354A60
Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#D3DFF7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#7EC7F4): A luminous, balanced blue — the color of open sky before noon.
- Turquoise (#37ABAD): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#354A60): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Teal 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
- Hushed Powder color palette (#FDF3ED, #C0E7F6, #91C0EF, #568F7E, #4E3747)
- Gentle Mallow color palette (#FAF2FF, #FF99C5, #B5BD53, #52B1E0, #3E3345)
- Antique Petrol Grove color palette (#DBE9DE, #6DADB5, #00819E, #005E53, #000B14)
- Periwinkle Workshop color palette (#E8FBEC, #B8DFFF, #75ABFF, #0093B1, #232A6A)
- Tempered Cobalt color palette (#DEEBE0, #71BAE1, #0087DF, #006B77, #000D3C)
- Tempered Cerulean color palette (#F1F3EB, #C5E5D4, #4D97BA, #0B6A77, #0A3429)
- Hushed Cerulean Orchard color palette (#D8E5DA, #85D0CA, #00A5B2, #00815C, #00242D)
- Washed Parlor color palette (#FAF2FF, #F1D3DD, #C2E5D7, #C69EC3, #544557)
Browse the whole catalog at Explore, or see today's palette.