Teal Villa color palette — #FFF2EB · #C4F1D7 · #6FBFF7 · #00A797 · #253E6F

A conversation between Turquoise and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Honeydew (#C4F1D7): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#6FBFF7): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A797): A luminous, balanced teal — the color of sea glass.
• Navy (#253E6F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Airy Powder color palette (#FBF4EB, #CEE8FF, #96B4FF, #00A3B6, #3F356D)
• Dusty Corridor color palette (#FCF3EF, #C4EAE2, #87C8E2, #5CAA8C, #1F5246)
• Dusty Drift color palette (#F4F7EA, #D6D7E7, #01BFF6, #008692, #003A54)
• Aged Basin color palette (#ECE3D9, #7AA5CC, #546FBD, #005B67, #0B0027)
• Muted Pine color palette (#F0E2DA, #81D0CC, #00A3BC, #00824A, #002334)
• Cobalt Boulevard color palette (#FAEEF5, #90DDF4, #008BCE, #006359, #122346)
• Patina Hollow color palette (#EBF0DC, #91D555, #00C17E, #00967E, #00504F)
• Linen Seafoam Courtyard color palette (#D8FFF5, #54F1D1, #00C7AE, #00886E, #002C25)

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