Tailwind ColorSnap
Updated for Tailwind v4
Input Color
Nearest TW Color
Distance: 0.00

#14b8a6 - A deep mint with vibrant undertones.

  • Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers
  • You might recognize it from Deliveroo's brand color, MailChimp's accents, and Tumblr's theme options

Top Matches

teal-500
Distance: 0.00
teal-400
Distance: 9.58
emerald-500
Distance: 11.69
teal-600
Distance: 12.57
emerald-400
Distance: 14.35

All green Shades

teal-50
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
teal-900
teal-950

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #14b8a6 / teal-500
Brand accent #0BAD9B / teal-500
Complementary accent #C11F31 / rose-700
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Check WCAG contrast requirements - 4.5:1 for normal text, 3:1 for large text

Ensure interactive elements are clearly distinguishable

See all Tailwind colors