# Teal mint palette

The Teal mint palette brings together teal, pale green, off-white, and light teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: Analogous teal, light blue and white radial gradient
- Seed: `kWxEyAc5e_nwGwBwmkBWSPA4`
- Page: https://grabient.com/kWxEyAc5e_nwGwBwmkBWSPA4?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: pastel, light, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.3 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 | `#5ecbb7` | `oklch(77.17% 0.1047 180.00)` | Peppy Peacock | black, 10.6 to 1 |
| 2 | `#66ceba` | `oklch(78.32% 0.1016 179.72)` | Kinetic Teal | black, 11 to 1 |
| 3 | `#70d2bf` | `oklch(79.92% 0.0974 179.30)` | Downy | black, 11.6 to 1 |
| 4 | `#7cd8c4` | `oklch(81.82% 0.0925 178.81)` | Mint Majesty | black, 12.4 to 1 |
| 5 | `#89ddca` | `oklch(83.90% 0.0870 178.28)` | Opulent Turquoise | black, 13.2 to 1 |
| 6 | `#95e3d1` | `oklch(86.02% 0.0811 177.77)` | Beach Glass | black, 14.1 to 1 |
| 7 | `#a1e8d7` | `oklch(88.04% 0.0750 177.32)` | Botanical Tint | black, 15 to 1 |
| 8 | `#aceddc` | `oklch(89.83% 0.0691 176.98)` | Mint Tea | black, 15.9 to 1 |
| 9 | `#b6f1e1` | `oklch(91.28% 0.0633 176.80)` | Salome | black, 16.6 to 1 |
| 10 | `#bff4e6` | `oklch(92.60% 0.0565 176.74)` | Shallow End | black, 17.2 to 1 |
| 11 | `#c9f6ea` | `oklch(93.88% 0.0487 176.76)` | Shallow End | black, 17.8 to 1 |
| 12 | `#d3f8ee` | `oklch(95.06% 0.0405 176.87)` | Mid Spring Morning | black, 18.4 to 1 |
| 13 | `#dcfaf2` | `oklch(96.08% 0.0326 177.03)` | Mint Condition | black, 18.9 to 1 |
| 14 | `#e4fbf4` | `oklch(96.89% 0.0258 177.24)` | Soft Mint | black, 19.3 to 1 |
| 15 | `#e9fcf6` | `oklch(97.44% 0.0208 177.48)` | Placebo Turquoise | black, 19.6 to 1 |
| 16 | `#ebfcf7` | `oklch(97.66% 0.0181 177.75)` | Placebo Turquoise | black, 19.7 to 1 |
| 17 | `#eafbf7` | `oklch(97.52% 0.0186 178.02)` | Placebo Turquoise | black, 19.6 to 1 |
| 18 | `#e6faf5` | `oklch(97.02% 0.0224 178.29)` | Melting Glacier | black, 19.4 to 1 |
| 19 | `#dff9f3` | `oklch(96.22% 0.0288 178.57)` | Mint Condition | black, 19 to 1 |
| 20 | `#d6f8ef` | `oklch(95.15% 0.0369 178.88)` | Mid Spring Morning | black, 18.4 to 1 |
| 21 | `#cbf5eb` | `oklch(93.85% 0.0459 179.25)` | Shallow End | black, 17.8 to 1 |
| 22 | `#bff3e7` | `oklch(92.37% 0.0551 179.69)` | Light Water Wings | black, 17.1 to 1 |
| 23 | `#b3efe2` | `oklch(90.75% 0.0635 180.22)` | East Cape | black, 16.3 to 1 |
| 24 | `#a7ebdd` | `oklch(89.03% 0.0703 180.87)` | Oasis Stream | black, 15.5 to 1 |
| 25 | `#9ce5d8` | `oklch(87.09% 0.0754 181.70)` | Neverland | black, 14.6 to 1 |
| 26 | `#90ded1` | `oklch(84.68% 0.0799 182.78)` | Pale Robin Egg Blue | black, 13.5 to 1 |
| 27 | `#82d6ca` | `oklch(81.96% 0.0840 184.01)` | Water Wings | black, 12.4 to 1 |
| 28 | `#75cec3` | `oklch(79.12% 0.0877 185.32)` | Hidden Sea Glass | black, 11.3 to 1 |
| 29 | `#67c5bb` | `oklch(76.33% 0.0909 186.61)` | Chinese Lacquer | black, 10.2 to 1 |
| 30 | `#5bbdb5` | `oklch(73.77% 0.0936 187.80)` | Hygiene Green | black, 9.4 to 1 |
| 31 | `#50b7af` | `oklch(71.63% 0.0959 188.80)` | Tropical Escape | black, 8.7 to 1 |
| 32 | `#47b2ac` | `oklch(70.08% 0.0978 189.51)` | Verdigris | black, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5ecbb7 0.0%, #66ceba 3.2%, #70d2bf 6.5%, #7cd8c4 9.7%, #89ddca 12.9%, #95e3d1 16.1%, #a1e8d7 19.4%, #aceddc 22.6%, #b6f1e1 25.8%, #bff4e6 29.0%, #c9f6ea 32.3%, #d3f8ee 35.5%, #dcfaf2 38.7%, #e4fbf4 41.9%, #e9fcf6 45.2%, #ebfcf7 48.4%, #eafbf7 51.6%, #e6faf5 54.8%, #dff9f3 58.1%, #d6f8ef 61.3%, #cbf5eb 64.5%, #bff3e7 67.7%, #b3efe2 71.0%, #a7ebdd 74.2%, #9ce5d8 77.4%, #90ded1 80.6%, #82d6ca 83.9%, #75cec3 87.1%, #67c5bb 90.3%, #5bbdb5 93.5%, #50b7af 96.8%, #47b2ac 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1047 180.00) 0.0%, oklch(78.32% 0.1016 179.72) 3.2%, oklch(79.92% 0.0974 179.30) 6.5%, oklch(81.82% 0.0925 178.81) 9.7%, oklch(83.90% 0.0870 178.28) 12.9%, oklch(86.02% 0.0811 177.77) 16.1%, oklch(88.04% 0.0750 177.32) 19.4%, oklch(89.83% 0.0691 176.98) 22.6%, oklch(91.28% 0.0633 176.80) 25.8%, oklch(92.60% 0.0565 176.74) 29.0%, oklch(93.88% 0.0487 176.76) 32.3%, oklch(95.06% 0.0405 176.87) 35.5%, oklch(96.08% 0.0326 177.03) 38.7%, oklch(96.89% 0.0258 177.24) 41.9%, oklch(97.44% 0.0208 177.48) 45.2%, oklch(97.66% 0.0181 177.75) 48.4%, oklch(97.52% 0.0186 178.02) 51.6%, oklch(97.02% 0.0224 178.29) 54.8%, oklch(96.22% 0.0288 178.57) 58.1%, oklch(95.15% 0.0369 178.88) 61.3%, oklch(93.85% 0.0459 179.25) 64.5%, oklch(92.37% 0.0551 179.69) 67.7%, oklch(90.75% 0.0635 180.22) 71.0%, oklch(89.03% 0.0703 180.87) 74.2%, oklch(87.09% 0.0754 181.70) 77.4%, oklch(84.68% 0.0799 182.78) 80.6%, oklch(81.96% 0.0840 184.01) 83.9%, oklch(79.12% 0.0877 185.32) 87.1%, oklch(76.33% 0.0909 186.61) 90.3%, oklch(73.77% 0.0936 187.80) 93.5%, oklch(71.63% 0.0959 188.80) 96.8%, oklch(70.08% 0.0978 189.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.105 | 180 |
| 2 | 0.909 | 0.065 | 176.8 |
| 3 | 0.976 | 0.018 | 177.9 |
| 4 | 0.886 | 0.072 | 181.1 |
| 5 | 0.701 | 0.098 | 189.5 |

## In these collections

- [Mint color palette](https://grabient.com/mint-color-palette)

## Other forms

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