Tempered Teal Villa color palette — #FAF2F8 · #D1E1F8 · #82C7EE · #41AD96 · #344963

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Frost (#D1E1F8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#82C7EE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#41AD96): A luminous, balanced teal — the color of sea glass.
• Navy (#344963): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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

• Aged Lagoon Hollow color palette (#F5F6EF, #C2E4DF, #61B2C9, #008C8E, #2A5140)
• Azure Boulevard color palette (#F5EBF2, #B4D9ED, #2EAEF9, #009283, #162C56)
• Washed Cobalt color palette (#F7EBF2, #7BBAD2, #1E89D3, #006D67, #040940)
• Stone Pier color palette (#DEFCFB, #D3DFEC, #A6C380, #B7ABB4, #2D5055)
• Wandering Petrol color palette (#F5EAF1, #69AEAE, #00829B, #00613D, #000A15)
• Jade Terrace color palette (#E3FBF9, #99DFAF, #EDA2D2, #32BA6E, #59344C)
• Weathered Coral color palette (#DCFDFE, #70D5AC, #EA92D1, #E57775, #064043)
• Washed Driftwood Coast color palette (#ECF9EE, #B9D9C9, #C2A977, #AF7B53, #28433C)

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