Teal Colors

Everything you need to know about teal colors to inspire your next design.

Pick a color

Hex

#008080

RGB

0,128,128

HSB

180,100%,50%

HSL

180,100%,25%
Teal Presets

Pick palette settings

#008080
#009999
#006666
#20B2AA
#004D4D

What are Teal Colors?

Teal is a medium blue-green color that sits between green and blue on the color wheel. It's named after the Eurasian teal, a common freshwater duck whose eyes are surrounded by this color. Teal combines the calming properties of blue with the renewal qualities of green, creating a sophisticated and balanced hue that's both refreshing and serene.

Classic Teal

#008080

Teal Colors on Digital Screens

Teal colors are defined by the following color codes and values to ensure consistency across various digital platforms and devices:

  • Classic Teal: #008080 (RGB: 0, 128, 128)
  • Dark Teal: #006666 (RGB: 0, 102, 102)
  • Light Teal: #20B2AA (RGB: 32, 178, 170)
  • Jade: #00A86B (RGB: 0, 168, 107)
  • Sea Green: #2E8B57 (RGB: 46, 139, 87)
  • Turquoise: #40E0D0 (RGB: 64, 224, 208)

Using Teal Colors in UI Design

Teal is a versatile color that can add depth and sophistication to your designs. Here are some tips for using teal effectively:

  • Use teal as a primary brand color for businesses in healthcare, education, or environmental sectors
  • Pair teal with coral or terracotta for a striking complementary color scheme
  • Combine teal with neutrals like white, gray, or beige for a clean, professional look
  • Use darker teals for more formal applications and lighter teals for more approachable designs
  • Teal works well as an accent color against neutral backgrounds
  • Consider teal for call-to-action buttons as it stands out without being too aggressive

Colors That Complement Teal

Coral Red
Sandy Brown
Off White
Deep Purple

Teal Color Symbolism

Teal carries rich symbolism across different cultures and contexts. It's often associated with:

Balance and harmony, making it popular for wellness and mindfulness brands. Sophistication and clarity, often used in professional services and healthcare. Reliability and trustworthiness, frequently used in financial and educational institutions. Creativity and communication, popular in design and technology companies. Healing and renewal, connecting to therapeutic and environmental themes.

Historical Significance

Historically, teal has been significant in both art and culture. The name "teal" first appeared in English in 1917, derived from the Eurasian teal duck with its distinctive colored markings. In ancient civilizations, teal-colored minerals like turquoise were highly valued and used in jewelry and decorative arts. The color gained popularity in interior design during the 1950s and 1960s, and experienced a resurgence in the 1990s. Today, teal is widely used in branding and design for its balanced, sophisticated appeal and is particularly popular in healthcare, education, and environmental sectors.

Teal Color Variants

Color Name Hex Code RGB
Teal #008080 rgb(0, 128, 128)
Dark Teal #006666 rgb(0, 102, 102)
Light Sea Green #20B2AA rgb(32, 178, 170)
Jade #00A86B rgb(0, 168, 107)
Sea Green #2E8B57 rgb(46, 139, 87)
Turquoise #40E0D0 rgb(64, 224, 208)