Teal is a dark blue-green, named after the common teal duck. The CSS keyword teal is #008080 — pure cyan at 25% lightness — and the palettes here build around a slightly softer #0D9488. Copy the HEX codes from any scheme below, or generate a harmonious teal palette anchored to your own base colour.
Deep Teal is the darkest and most saturated, from #012A2A up to #14B8A6. Ocean Teal is the widest in hue, 160°–191°, and ends on a soft #94D2BD. Soft Aqua is the tint set, running up to #CBF3F0 for backgrounds.
#012A2A#023E3E#035050#0D9488#14B8A6#003844#006466#0A9396#52B7B0#94D2BD#CBF3F0#A6E3E0#6FD6CE#2EC4B6#0D9488Anchored to a teal base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Teal sits near the complement of orange, which is why teal-and-orange is the most common two-colour scheme in film and sport. A cream or warm off-white keeps it calm instead; coral and mustard are the accents that make it loud. The family runs turquoise at 51% lightness, aqua at 43% and teal at 32%, lightest to darkest.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. Because the picker is seeded with #0D9488, an export taken without changing the base stays inside the teal range. The JSON and HEX buttons hand back the same five values as an array and as a comma-separated line, which suit design tokens and quick pasting respectively. Lock a swatch to pin it, then re-roll the other four and export again without losing it.More palettes: Emerald Green palette · Aqua palette · Green palette · all colours