# Teal, stone and navy color palette

The Teal, stone and navy color palette brings together teal, off-white, and dark blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Teal, light blue, gray and navy linear gradient
- Seed: `kSo0mD94PBpmXx6`
- Page: https://grabient.com/kSo0mD94PBpmXx6?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: light center, pastel, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.8 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#2ea095` | `oklch(64.17% 0.1006 184.92)` | Sea Kale | black, 6.5 to 1 |
| 2 | `#36a297` | `oklch(64.95% 0.0984 185.22)` | Sea Kale | black, 6.7 to 1 |
| 3 | `#3ea59a` | `oklch(66.00% 0.0956 185.49)` | Bahaman Bliss | black, 7 to 1 |
| 4 | `#47a99e` | `oklch(67.28% 0.0924 185.73)` | Jewel Weed | black, 7.4 to 1 |
| 5 | `#51ada3` | `oklch(68.76% 0.0887 185.96)` | Dragon Bay | black, 7.8 to 1 |
| 6 | `#5bb1a8` | `oklch(70.42% 0.0846 186.19)` | Artesian Well | black, 8.2 to 1 |
| 7 | `#66b6ad` | `oklch(72.22% 0.0803 186.42)` | Veranda Blue | black, 8.8 to 1 |
| 8 | `#71bbb3` | `oklch(74.13% 0.0756 186.66)` | Earth Eclipse | black, 9.4 to 1 |
| 9 | `#7bc0b9` | `oklch(76.12% 0.0708 186.92)` | Gentle Wave | black, 10.1 to 1 |
| 10 | `#86c6bf` | `oklch(78.15% 0.0658 187.21)` | Holiday Turquoise | black, 10.8 to 1 |
| 11 | `#91ccc5` | `oklch(80.21% 0.0607 187.54)` | Tropical Holiday | black, 11.6 to 1 |
| 12 | `#9cd1cb` | `oklch(82.25% 0.0555 187.91)` | Fountain City | black, 12.4 to 1 |
| 13 | `#a6d7d1` | `oklch(84.25% 0.0504 188.34)` | Sinbad | black, 13.2 to 1 |
| 14 | `#b1dcd7` | `oklch(86.18% 0.0453 188.82)` | Catch the Wave | black, 14 to 1 |
| 15 | `#bae1dd` | `oklch(88.00% 0.0404 189.38)` | Mystic Sea | black, 14.8 to 1 |
| 16 | `#c3e5e2` | `oklch(89.68% 0.0356 190.01)` | Swan Lake | black, 15.6 to 1 |
| 17 | `#cce9e7` | `oklch(91.20% 0.0310 190.73)` | Field Frost | black, 16.3 to 1 |
| 18 | `#d3eceb` | `oklch(92.51% 0.0267 191.54)` | Sea Spray | black, 17 to 1 |
| 19 | `#d9efee` | `oklch(93.60% 0.0228 192.46)` | Blue Green Rules | black, 17.5 to 1 |
| 20 | `#dff1f0` | `oklch(94.43% 0.0193 193.49)` | Soar | black, 17.9 to 1 |
| 21 | `#e3f2f2` | `oklch(94.96% 0.0162 194.64)` | Bone-Chilling | black, 18.2 to 1 |
| 22 | `#e5f2f2` | `oklch(95.17% 0.0136 195.91)` | Ethereal White | black, 18.3 to 1 |
| 23 | `#e6f1f1` | `oklch(95.03% 0.0115 197.32)` | Ethereal White | black, 18.2 to 1 |
| 24 | `#e6efef` | `oklch(94.51% 0.0101 198.88)` | Sheikh Zayed White | black, 17.9 to 1 |
| 25 | `#e3ecec` | `oklch(93.56% 0.0093 200.61)` | Aquafir | black, 17.4 to 1 |
| 26 | `#dee7e8` | `oklch(92.14% 0.0092 202.60)` | Filigree | black, 16.6 to 1 |
| 27 | `#d8e1e2` | `oklch(90.26% 0.0096 204.86)` | Blue Smoke | black, 15.7 to 1 |
| 28 | `#d0d9db` | `oklch(87.98% 0.0105 207.36)` | Glassware | black, 14.6 to 1 |
| 29 | `#c6d1d3` | `oklch(85.33% 0.0119 210.06)` | Sunday Sky | black, 13.4 to 1 |
| 30 | `#bcc8ca` | `oklch(82.35% 0.0137 212.94)` | Oceanic Climate | black, 12.2 to 1 |
| 31 | `#b0bec1` | `oklch(79.10% 0.0158 215.98)` | Arctic Feelings | black, 10.9 to 1 |
| 32 | `#a4b3b8` | `oklch(75.59% 0.0183 219.15)` | Porch Ceiling | black, 9.6 to 1 |
| 33 | `#97a8ae` | `oklch(71.89% 0.0211 222.41)` | Nor’wester | black, 8.4 to 1 |
| 34 | `#899ca4` | `oklch(68.03% 0.0241 225.75)` | Lakefront | black, 7.3 to 1 |
| 35 | `#7c909a` | `oklch(64.04% 0.0273 229.14)` | Sidewalk Grey | black, 6.3 to 1 |
| 36 | `#6e8490` | `oklch(59.98% 0.0307 232.55)` | Indigo Mouse | black, 5.3 to 1 |
| 37 | `#617886` | `oklch(55.88% 0.0341 235.95)` | Tool Blue | white, 4.6 to 1 |
| 38 | `#556c7c` | `oklch(51.78% 0.0376 239.32)` | Morro Bay | white, 5.5 to 1 |
| 39 | `#496072` | `oklch(47.73% 0.0411 242.62)` | Deepest Water | white, 6.5 to 1 |
| 40 | `#3d5569` | `oklch(43.77% 0.0445 245.84)` | Indian Teal | white, 7.8 to 1 |
| 41 | `#334a60` | `oklch(39.93% 0.0478 248.95)` | Blue Fedora | white, 9.1 to 1 |
| 42 | `#293f58` | `oklch(36.26% 0.0510 251.91)` | Blue Tone Ink | white, 10.7 to 1 |
| 43 | `#213650` | `oklch(32.80% 0.0541 254.71)` | Cool Air of Debonair | white, 12.3 to 1 |
| 44 | `#1a2d49` | `oklch(29.59% 0.0569 257.31)` | Crow Black Blue | white, 13.8 to 1 |
| 45 | `#132542` | `oklch(26.67% 0.0594 259.69)` | Cool Balaclavas Are Forever | white, 15.2 to 1 |
| 46 | `#0e1e3c` | `oklch(24.09% 0.0616 261.82)` | Nightwalker | white, 16.4 to 1 |
| 47 | `#0a1837` | `oklch(21.87% 0.0634 263.68)` | Liberty Blue | white, 17.4 to 1 |
| 48 | `#081433` | `oklch(20.08% 0.0648 265.23)` | Squid’s Ink | white, 18.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #2ea095 0.0%, #36a297 2.1%, #3ea59a 4.3%, #47a99e 6.4%, #51ada3 8.5%, #5bb1a8 10.6%, #66b6ad 12.8%, #71bbb3 14.9%, #7bc0b9 17.0%, #86c6bf 19.1%, #91ccc5 21.3%, #9cd1cb 23.4%, #a6d7d1 25.5%, #b1dcd7 27.7%, #bae1dd 29.8%, #c3e5e2 31.9%, #cce9e7 34.0%, #d3eceb 36.2%, #d9efee 38.3%, #dff1f0 40.4%, #e3f2f2 42.6%, #e5f2f2 44.7%, #e6f1f1 46.8%, #e6efef 48.9%, #e3ecec 51.1%, #dee7e8 53.2%, #d8e1e2 55.3%, #d0d9db 57.4%, #c6d1d3 59.6%, #bcc8ca 61.7%, #b0bec1 63.8%, #a4b3b8 66.0%, #97a8ae 68.1%, #899ca4 70.2%, #7c909a 72.3%, #6e8490 74.5%, #617886 76.6%, #556c7c 78.7%, #496072 80.9%, #3d5569 83.0%, #334a60 85.1%, #293f58 87.2%, #213650 89.4%, #1a2d49 91.5%, #132542 93.6%, #0e1e3c 95.7%, #0a1837 97.9%, #081433 100.0%);
background: linear-gradient(180deg in oklch, oklch(64.17% 0.1006 184.92) 0.0%, oklch(64.95% 0.0984 185.22) 2.1%, oklch(66.00% 0.0956 185.49) 4.3%, oklch(67.28% 0.0924 185.73) 6.4%, oklch(68.76% 0.0887 185.96) 8.5%, oklch(70.42% 0.0846 186.19) 10.6%, oklch(72.22% 0.0803 186.42) 12.8%, oklch(74.13% 0.0756 186.66) 14.9%, oklch(76.12% 0.0708 186.92) 17.0%, oklch(78.15% 0.0658 187.21) 19.1%, oklch(80.21% 0.0607 187.54) 21.3%, oklch(82.25% 0.0555 187.91) 23.4%, oklch(84.25% 0.0504 188.34) 25.5%, oklch(86.18% 0.0453 188.82) 27.7%, oklch(88.00% 0.0404 189.38) 29.8%, oklch(89.68% 0.0356 190.01) 31.9%, oklch(91.20% 0.0310 190.73) 34.0%, oklch(92.51% 0.0267 191.54) 36.2%, oklch(93.60% 0.0228 192.46) 38.3%, oklch(94.43% 0.0193 193.49) 40.4%, oklch(94.96% 0.0162 194.64) 42.6%, oklch(95.17% 0.0136 195.91) 44.7%, oklch(95.03% 0.0115 197.32) 46.8%, oklch(94.51% 0.0101 198.88) 48.9%, oklch(93.56% 0.0093 200.61) 51.1%, oklch(92.14% 0.0092 202.60) 53.2%, oklch(90.26% 0.0096 204.86) 55.3%, oklch(87.98% 0.0105 207.36) 57.4%, oklch(85.33% 0.0119 210.06) 59.6%, oklch(82.35% 0.0137 212.94) 61.7%, oklch(79.10% 0.0158 215.98) 63.8%, oklch(75.59% 0.0183 219.15) 66.0%, oklch(71.89% 0.0211 222.41) 68.1%, oklch(68.03% 0.0241 225.75) 70.2%, oklch(64.04% 0.0273 229.14) 72.3%, oklch(59.98% 0.0307 232.55) 74.5%, oklch(55.88% 0.0341 235.95) 76.6%, oklch(51.78% 0.0376 239.32) 78.7%, oklch(47.73% 0.0411 242.62) 80.9%, oklch(43.77% 0.0445 245.84) 83.0%, oklch(39.93% 0.0478 248.95) 85.1%, oklch(36.26% 0.0510 251.91) 87.2%, oklch(32.80% 0.0541 254.71) 89.4%, oklch(29.59% 0.0569 257.31) 91.5%, oklch(26.67% 0.0594 259.69) 93.6%, oklch(24.09% 0.0616 261.82) 95.7%, oklch(21.87% 0.0634 263.68) 97.9%, oklch(20.08% 0.0648 265.23) 100.0%);
```

## Keyframes

3 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.101 | 184.9 |
| 2 | 0.941 | 0.01 | 199.7 |
| 3 | 0.201 | 0.065 | 265.2 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)
- [Navy and teal gradients](https://grabient.com/navy-and-teal-gradients)

## Other forms

- [JSON](https://grabient.com/kSo0mD94PBpmXx6.json?steps=48&angle=180)
- [PNG](https://grabient.com/kSo0mD94PBpmXx6.png?steps=48&angle=180)
- [SVG](https://grabient.com/kSo0mD94PBpmXx6.svg?steps=48&angle=180)
- [CSS](https://grabient.com/kSo0mD94PBpmXx6.css?steps=48&angle=180)
- [ASE](https://grabient.com/kSo0mD94PBpmXx6.ase?steps=48&angle=180)
- [GPL](https://grabient.com/kSo0mD94PBpmXx6.gpl?steps=48&angle=180)
- [GRD](https://grabient.com/kSo0mD94PBpmXx6.grd?steps=48&angle=180)
- [Design tokens](https://grabient.com/kSo0mD94PBpmXx6.tokens.json?steps=48&angle=180)
- [Social card](https://grabient.com/api/og?seed=kSo0mD94PBpmXx6&steps=48&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kSo0mD94PBpmXx6)
- [Guide for agents](https://grabient.com/llms.txt)