Teal
#008080
Balanced medium teal with deep cool restraint
About Teal
On my monitor, Teal reads like a cleaned-up middle ground. It's not the darker authority of Emperor Jade, and it doesn't carry the sharper punch of Jade Jewel. This one feels calmer and more balanced, with a blue-leaning undertone that stays fresh instead of turning murky.
I reach for it in legacy UI chrome and panel headers where you want structure without the weight. It works hard in dashboards and finance apps for secondary actions, table highlights, and title bar accents, especially when the rest of the interface is mostly white or cool grays. Compared to the lighter, airy Windows 95 Desktop look, this shade holds its ground a touch more, so it stays crisp instead of floating.
Pair it with neutral whites and cool grays. If you drop it next to very icy blues, it can start to look a little flat, so add one slightly warmer neutral nearby to keep the tone grounded.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
