Light Teal Hex Codes: 60 Light, airy shades
75 light, airy shades of teal with names, hex codes, contrast on white and the best text color for each.
These are the light, airy shades of teal in Tintly's color library: 75 of the 183 teal shades. Light shades make quiet backgrounds, surfaces and highlights. They rarely carry text, so pair them with a dark neutral.
Light teal shades with hex codes
| Name | Hex | On white | Text on it |
|---|---|---|---|
| Lichen | #8EBAA6 | 2.15:1 | #111111 |
| Cuttlefish | #7FBBC2 | 2.14:1 | #111111 |
| Skydive | #60BFD3 | 2.12:1 | #111111 |
| Cockatoo | #58C8B6 | 2.02:1 | #111111 |
| Riverbed | #86BEBE | 2.07:1 | #111111 |
| Sea Serpent | #4BC7CF | 2.02:1 | #111111 |
| Seaborn | #85C2B2 | 2.02:1 | #111111 |
| Wavelet | #7DC4CD | 1.97:1 | #111111 |
| Cyantific | #77C9C2 | 1.92:1 | #111111 |
| Petrichor | #66CCCC | 1.89:1 | #111111 |
| Jolly Jade | #77CCBB | 1.88:1 | #111111 |
| Patina | #66D0C0 | 1.85:1 | #111111 |
| Mint Twist | #98CBBA | 1.81:1 | #111111 |
| Water Nymph | #81D0DF | 1.74:1 | #111111 |
| Fish Boy | #11DDDD | 1.69:1 | #111111 |
| Shore | #81D5C6 | 1.71:1 | #111111 |
| Wintermint | #94D2BF | 1.71:1 | #111111 |
| Jazzy Jade | #55DDCC | 1.66:1 | #111111 |
| Cabbage | #87D7BE | 1.68:1 | #111111 |
| Wave | #A5CED5 | 1.69:1 | #111111 |
| Aquamarine | #2EE8BB | 1.56:1 | #111111 |
| Bambino | #8EDACC | 1.60:1 | #111111 |
| Fake Jade | #13EAC9 | 1.53:1 | #111111 |
| Whirlpool | #A5D8CD | 1.57:1 | #111111 |
| Cold Blue | #88DDDD | 1.56:1 | #111111 |
| Clear Water | #AAD5DB | 1.58:1 | #111111 |
| Sea Foam | #87E0CF | 1.54:1 | #111111 |
| Crystal | #A7D8DE | 1.55:1 | #111111 |
| Beach Glass | #96DFCE | 1.52:1 | #111111 |
| Near Moon | #5EE7DF | 1.50:1 | #111111 |
| Onsen | #66EEBB | 1.44:1 | #111111 |
| Aqua Fiesta | #96E2E1 | 1.47:1 | #111111 |
| Sparky Blue | #22EEFF | 1.42:1 | #111111 |
| Aqua | #0FF0FE | 1.40:1 | #111111 |
| Opal | #AEE0E4 | 1.44:1 | #111111 |
| Jade Sea | #B8E0D0 | 1.43:1 | #111111 |
| Bay | #B3E2D3 | 1.42:1 | #111111 |
| Ice Cube | #AFE3D6 | 1.42:1 | #111111 |
| Blizzard Blue | #A3E3ED | 1.42:1 | #111111 |
| Antiguan | #BDDFD8 | 1.42:1 | #111111 |
| Poolside | #BEE0E2 | 1.40:1 | #111111 |
| Minty Paradise | #00FFBB | 1.31:1 | #111111 |
| Bath Water | #88EEEE | 1.35:1 | #111111 |
| Plunge Pool | #00FFCC | 1.29:1 | #111111 |
| Tip of the Iceberg | #BBE4EA | 1.36:1 | #111111 |
| Frozen Turquoise | #53F6FF | 1.31:1 | #111111 |
| Ice Ice Baby | #00FFDD | 1.28:1 | #111111 |
| Swimming | #C2E5E5 | 1.34:1 | #111111 |
| Vibrant Mint | #00FFE5 | 1.27:1 | #111111 |
| Arctic Water | #00FCFC | 1.28:1 | #111111 |
| Shallow Water | #8AF1FE | 1.30:1 | #111111 |
| Permafrost | #98EFF9 | 1.30:1 | #111111 |
| Ice Temple | #11FFEE | 1.26:1 | #111111 |
| Alpine Expedition | #99EEFF | 1.31:1 | #111111 |
| Water Leaf | #B6ECDE | 1.30:1 | #111111 |
| Cyan | #00FFFF | 1.25:1 | #111111 |
| Looney Blue | #11FFFF | 1.25:1 | #111111 |
| Fresh Breeze | #BEEDDC | 1.28:1 | #111111 |
| Gentle Cold | #C3ECE9 | 1.27:1 | #111111 |
| Icy Breeze | #C4ECF0 | 1.26:1 | #111111 |
How to use them
Use a light shade as a page or card tint and a darker shade of the same family for the text on it, so the two feel related.
Standouts in this group
- Darkest: Lichen (#8EBAA6), at 75% lightness.
- Lightest: Cold Canada (#DBFFFE), at 97% lightness.
- Most saturated: Minty Paradise (#00FFBB).
- Best text color on white: Lichen (#8EBAA6), at 2.15:1.
What the numbers say
Across all 183 teal shades in the library, lightness runs from 30% to 97%. 53 of them reach 4.5 to 1 on white, so they can be used as text on a light page, and 125 reach 4.5 to 1 on near-black, so they can be used as text on a dark page. The rest are for fills, surfaces and large type, where the requirement is lower. Within the light, airy shades the figures are different: 0 of 75 pass on white.
Pairing with other families
The base teal (#0F8B8D) separates best from beige (2.93:1), yellow (2.50:1) and brown (1.78:1). Because teal stands for water, clarity and healing, those pairings carry the most contrast of both color and meaning.
- Teal and beige: see the combinations in soft, bold and dark versions.
- Teal and yellow: see the combinations in soft, bold and dark versions.
- Teal and brown: see the combinations in soft, bold and dark versions.