Teal Villa color palette — #F5F6EF · #CCE5DD · #ADD2B1 · #65B3A1 · #3A5140

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#CCE5DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#ADD2B1): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#65B3A1): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#3A5140): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Muted Canyon color palette (#F4F6F0, #CCE3E4, #9FCDF0, #52B0CB, #2F524A)
• Weathered Alley color palette (#EAFAEC, #91D5DA, #A4BCF9, #94BC81, #344837)
• Weathered Canyon color palette (#EFF8F0, #BBE0BF, #CDBAFD, #00BFC7, #663F51)
• Ash Study color palette (#EAF4F2, #C9DEF1, #75A5B4, #43747B, #243A42)
• Petrol Pier color palette (#F0F2E1, #89AA8E, #008394, #005E59, #000B10)
• Dusty Meadow color palette (#E1FEEA, #B2E6DE, #73CDDA, #0099A8, #003F47)
• Ancient Market color palette (#FFF3E9, #EDD5BD, #D7AC8F, #B28774, #643E00)
• Pale Terrace color palette (#DEE1D8, #A0C4E7, #4E93EC, #0076A3, #041752)

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