Guten

Color Palette

Teal Color Palette

Teal is a cyan-like color that combines blue and green in equal measure. Named after the teal duck, it strikes a unique balance between the calm of blue and the freshness of green. This palette includes five variations from deep ocean teal to lighter, more turquoise tones, making it one of the most versatile colors for web design, branding, and illustration.

#008080Base
#004D4D
#006666
#1A9999
#40B3B3
#66CCCC
Open in Palette Generator

Color Values

#008080rgb(0, 128, 128)hsl(180, 100%, 25%)
#004D4Drgb(0, 77, 77)hsl(180, 100%, 15%)
#006666rgb(0, 102, 102)hsl(180, 100%, 20%)
#1A9999rgb(26, 153, 153)hsl(180, 71%, 35%)
#40B3B3rgb(64, 179, 179)hsl(180, 47%, 48%)
#66CCCCrgb(102, 204, 204)hsl(180, 50%, 60%)

Frequently Asked Questions

›What is the hex code for teal?

The CSS named color teal is #008080. It is a perfectly balanced blue-green. For a lighter teal, try #20B2AA (light sea green). For a darker variant, #005F5F works well.

›What is the difference between teal and turquoise?

Teal (#008080) is darker and more muted with equal blue and green. Turquoise (#40E0D0) is lighter and more vivid, leaning slightly toward blue. Teal is serious; turquoise is playful.

›What colors pair well with teal?

Teal is incredibly versatile. It pairs well with coral (#FF7F50), gold (#FFD700), cream (#FFFDD0), white (#FFFFFF), and burnt orange (#CC5500). The teal-coral pairing is a design classic.

teal paletteteal color schemeteal shadesteal hex codeblue green palette