Teal Villa color palette — #B3F3CB · #17B192 · #007272 · #004853 · #003246

Turquoise and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#B3F3CB): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#17B192): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#003246): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Teal Coast color palette (#A5FAE4, #5FD9CA, #00B7BA, #008896, #003844)
• Lagoon Corridor color palette (#E1F5E4, #009D79, #006673, #612652, #0D373D)
• Sunlit Pine Dune color palette (#D7ECA9, #6EAA6D, #007F53, #004F43, #003738)
• Navy Hollow color palette (#9FF8EE, #2BABB5, #007594, #00476F, #0F266F)
• Antique Lagoon Parlor color palette (#E1F5EB, #008981, #005257, #002734, #001426)
• Muted Quarry color palette (#DFEF99, #4EC98A, #00938F, #00617A, #17226B)
• Worn Workshop color palette (#EFF7F7, #CEDCE6, #A0B8C0, #077650, #2D3E3E)
• Patina Bloom color palette (#C4EDF1, #6CAFB8, #557B99, #6E4255, #51333A)

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