Teal color palettes

Teal blends blue's calm with green's freshness, which makes it feel both modern and natural. These teal color palettes run from pale lagoon to deep kelp.

24 curated palettes · Click any color to copy its hex code

Extract a palette from your own image

Lagoon

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#4694b9rgb(70, 148, 185)Values, shades & harmoniesOpen Open palette in generator→

#425b8argb(66, 91, 138)Values, shades & harmoniesOpen Open palette in generator→

#283753rgb(40, 55, 83)Values, shades & harmoniesOpen Open palette in generator→

Marsh

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#4691b9rgb(70, 145, 185)Values, shades & harmoniesOpen Open palette in generator→

#42588argb(66, 88, 138)Values, shades & harmoniesOpen Open palette in generator→

#283553rgb(40, 53, 83)Values, shades & harmoniesOpen Open palette in generator→

Kelp

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#469eb9rgb(70, 158, 185)Values, shades & harmoniesOpen Open palette in generator→

#42688argb(66, 104, 138)Values, shades & harmoniesOpen Open palette in generator→

#283e53rgb(40, 62, 83)Values, shades & harmoniesOpen Open palette in generator→

Tidewater

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#469eb9rgb(70, 158, 185)Values, shades & harmoniesOpen Open palette in generator→

#42688argb(66, 104, 138)Values, shades & harmoniesOpen Open palette in generator→

#283e53rgb(40, 62, 83)Values, shades & harmoniesOpen Open palette in generator→

Aegean

#d0eff1rgb(208, 239, 241)Values, shades & harmoniesOpen Open palette in generator→

#82d3d8rgb(130, 211, 216)Values, shades & harmoniesOpen Open palette in generator→

#3cbbc3rgb(60, 187, 195)Values, shades & harmoniesOpen Open palette in generator→

#297f84rgb(41, 127, 132)Values, shades & harmoniesOpen Open palette in generator→

#164346rgb(22, 67, 70)Values, shades & harmoniesOpen Open palette in generator→

Surf

#d2ecefrgb(210, 236, 239)Values, shades & harmoniesOpen Open palette in generator→

#86ccd5rgb(134, 204, 213)Values, shades & harmoniesOpen Open palette in generator→

#42b0bdrgb(66, 176, 189)Values, shades & harmoniesOpen Open palette in generator→

#2d7880rgb(45, 120, 128)Values, shades & harmoniesOpen Open palette in generator→

#183f44rgb(24, 63, 68)Values, shades & harmoniesOpen Open palette in generator→

Eucalyptus

#d3edecrgb(211, 237, 236)Values, shades & harmoniesOpen Open palette in generator→

#8ad0ccrgb(138, 208, 204)Values, shades & harmoniesOpen Open palette in generator→

#49b6afrgb(73, 182, 175)Values, shades & harmoniesOpen Open palette in generator→

#327c77rgb(50, 124, 119)Values, shades & harmoniesOpen Open palette in generator→

#1a423frgb(26, 66, 63)Values, shades & harmoniesOpen Open palette in generator→

Patina

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d15047rgb(209, 80, 71)Values, shades & harmoniesOpen Open palette in generator→

Verdigris

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#4695b9rgb(70, 149, 185)Values, shades & harmoniesOpen Open palette in generator→

#425d8argb(66, 93, 138)Values, shades & harmoniesOpen Open palette in generator→

#283853rgb(40, 56, 83)Values, shades & harmoniesOpen Open palette in generator→

Basin

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#46a5b9rgb(70, 165, 185)Values, shades & harmoniesOpen Open palette in generator→

#42718argb(66, 113, 138)Values, shades & harmoniesOpen Open palette in generator→

#284453rgb(40, 68, 83)Values, shades & harmoniesOpen Open palette in generator→

Shoal

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d14785rgb(209, 71, 133)Values, shades & harmoniesOpen Open palette in generator→

Inlet

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d1476brgb(209, 71, 107)Values, shades & harmoniesOpen Open palette in generator→

Deep lagoon

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d15e47rgb(209, 94, 71)Values, shades & harmoniesOpen Open palette in generator→

Pale marsh

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#46a6b9rgb(70, 166, 185)Values, shades & harmoniesOpen Open palette in generator→

#42728argb(66, 114, 138)Values, shades & harmoniesOpen Open palette in generator→

#284553rgb(40, 69, 83)Values, shades & harmoniesOpen Open palette in generator→

Soft kelp

#d0edf1rgb(208, 237, 241)Values, shades & harmoniesOpen Open palette in generator→

#81d0d9rgb(129, 208, 217)Values, shades & harmoniesOpen Open palette in generator→

#3bb5c4rgb(59, 181, 196)Values, shades & harmoniesOpen Open palette in generator→

#287b86rgb(40, 123, 134)Values, shades & harmoniesOpen Open palette in generator→

#154147rgb(21, 65, 71)Values, shades & harmoniesOpen Open palette in generator→

Bold tidewater

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d15347rgb(209, 83, 71)Values, shades & harmoniesOpen Open palette in generator→

Quiet aegean

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d14761rgb(209, 71, 97)Values, shades & harmoniesOpen Open palette in generator→

Faded surf

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#469cb9rgb(70, 156, 185)Values, shades & harmoniesOpen Open palette in generator→

#42668argb(66, 102, 138)Values, shades & harmoniesOpen Open palette in generator→

#283d53rgb(40, 61, 83)Values, shades & harmoniesOpen Open palette in generator→

Vivid eucalyptus

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#4693b9rgb(70, 147, 185)Values, shades & harmoniesOpen Open palette in generator→

#425b8argb(66, 91, 138)Values, shades & harmoniesOpen Open palette in generator→

#283753rgb(40, 55, 83)Values, shades & harmoniesOpen Open palette in generator→

Smoky patina

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#46a4b9rgb(70, 164, 185)Values, shades & harmoniesOpen Open palette in generator→

#426f8argb(66, 111, 138)Values, shades & harmoniesOpen Open palette in generator→

#284353rgb(40, 67, 83)Values, shades & harmoniesOpen Open palette in generator→

Clear verdigris

#e7eeeergb(231, 238, 238)Values, shades & harmoniesOpen Open palette in generator→

#a2cdcdrgb(162, 205, 205)Values, shades & harmoniesOpen Open palette in generator→

#40bfbfrgb(64, 191, 191)Values, shades & harmoniesOpen Open palette in generator→

#267373rgb(38, 115, 115)Values, shades & harmoniesOpen Open palette in generator→

#d14785rgb(209, 71, 133)Values, shades & harmoniesOpen Open palette in generator→

Dusky basin

#d2eeefrgb(210, 238, 239)Values, shades & harmoniesOpen Open palette in generator→

#87d2d3rgb(135, 210, 211)Values, shades & harmoniesOpen Open palette in generator→

#44b8bbrgb(68, 184, 187)Values, shades & harmoniesOpen Open palette in generator→

#2e7d7frgb(46, 125, 127)Values, shades & harmoniesOpen Open palette in generator→

#194243rgb(25, 66, 67)Values, shades & harmoniesOpen Open palette in generator→

Warm shoal

#d1f0ecrgb(209, 240, 236)Values, shades & harmoniesOpen Open palette in generator→

#83d8cdrgb(131, 216, 205)Values, shades & harmoniesOpen Open palette in generator→

#3ec1b1rgb(62, 193, 177)Values, shades & harmoniesOpen Open palette in generator→

#2a8479rgb(42, 132, 121)Values, shades & harmoniesOpen Open palette in generator→

#164640rgb(22, 70, 64)Values, shades & harmoniesOpen Open palette in generator→

Cool inlet

#bae8e8rgb(186, 232, 232)Values, shades & harmoniesOpen Open palette in generator→

#6ecfcfrgb(110, 207, 207)Values, shades & harmoniesOpen Open palette in generator→

#46a0b9rgb(70, 160, 185)Values, shades & harmoniesOpen Open palette in generator→

#426a8argb(66, 106, 138)Values, shades & harmoniesOpen Open palette in generator→

#284053rgb(40, 64, 83)Values, shades & harmoniesOpen Open palette in generator→

Frequently asked questions

Teal pairs with coral, its near complement, plus sand, navy, and warm wood tones.

Teal carries its own psychology in branding and design, and the palettes on this page show its range from light to dark. Use the lighter schemes for backgrounds and airy layouts, and the deeper ones for identity work that needs weight.

A strong example from this page is Lagoon: #bae8e8, #6ecfcf, #4694b9, #425b8a, #283753. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.