# Teal mint palette

The Teal mint palette brings together off-white, pale green, light green, green, and teal. The colors span a broad lightness range, combining moderate color with clear 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 white, light blue and teal linear gradient
- Seed: `kW-wl8d42_uubP7VJL-v5zAo`
- Page: https://grabient.com/kW-wl8d42_uubP7VJL-v5zAo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, pastel, light, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.5 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 | `#f3fefa` | `oklch(98.82% 0.0124 174.37)` | Mint Cream | black, 20.3 to 1 |
| 2 | `#f1fdf9` | `oklch(98.47% 0.0143 174.21)` | Cold White | black, 20.2 to 1 |
| 3 | `#eefdf8` | `oklch(98.05% 0.0167 173.98)` | Cold White | black, 19.9 to 1 |
| 4 | `#eafcf6` | `oklch(97.55% 0.0196 173.71)` | Placebo Turquoise | black, 19.7 to 1 |
| 5 | `#e6faf4` | `oklch(96.97% 0.0229 173.41)` | Soft Mint | black, 19.4 to 1 |
| 6 | `#e2f9f1` | `oklch(96.31% 0.0265 173.10)` | Soft Mint | black, 19 to 1 |
| 7 | `#ddf7ee` | `oklch(95.57% 0.0303 172.78)` | Frosty Mint | black, 18.6 to 1 |
| 8 | `#d8f6eb` | `oklch(94.76% 0.0342 172.47)` | Diluted Mint | black, 18.2 to 1 |
| 9 | `#d2f4e8` | `oklch(93.87% 0.0382 172.19)` | Minty Fresh | black, 17.7 to 1 |
| 10 | `#ccf1e4` | `oklch(92.93% 0.0426 171.92)` | Light Salome | black, 17.3 to 1 |
| 11 | `#c6efe0` | `oklch(91.94% 0.0474 171.65)` | Summer House | black, 16.8 to 1 |
| 12 | `#bfeddc` | `oklch(90.89% 0.0525 171.38)` | Fresh Breeze | black, 16.3 to 1 |
| 13 | `#b8ead8` | `oklch(89.74% 0.0577 171.10)` | Mediterranean Mist | black, 15.8 to 1 |
| 14 | `#b0e7d3` | `oklch(88.47% 0.0628 170.83)` | Crystal Rapids | black, 15.2 to 1 |
| 15 | `#a8e3ce` | `oklch(87.07% 0.0677 170.56)` | Turquoise Tower | black, 14.5 to 1 |
| 16 | `#9fdfc8` | `oklch(85.50% 0.0723 170.28)` | Almost Aqua | black, 13.9 to 1 |
| 17 | `#97dac2` | `oklch(83.73% 0.0765 170.00)` | Pageant Green | black, 13.1 to 1 |
| 18 | `#8dd5bb` | `oklch(81.73% 0.0809 169.61)` | Cabbage | black, 12.3 to 1 |
| 19 | `#83ceb3` | `oklch(79.51% 0.0854 169.17)` | Lavish Green | black, 11.4 to 1 |
| 20 | `#78c7ab` | `oklch(77.16% 0.0897 168.72)` | Green Balloon | black, 10.5 to 1 |
| 21 | `#6dc0a2` | `oklch(74.73% 0.0936 168.32)` | Spearmint | black, 9.7 to 1 |
| 22 | `#62b99a` | `oklch(72.26% 0.0968 168.03)` | Sainsbury | black, 8.9 to 1 |
| 23 | `#58b292` | `oklch(69.83% 0.0992 167.90)` | Electra | black, 8.1 to 1 |
| 24 | `#4fab8b` | `oklch(67.49% 0.1005 167.97)` | O’grady Green | black, 7.4 to 1 |
| 25 | `#47a384` | `oklch(65.19% 0.1003 168.34)` | Klimt Green | black, 6.8 to 1 |
| 26 | `#409b7e` | `oklch(62.72% 0.0984 169.02)` | Greenway | black, 6.2 to 1 |
| 27 | `#3a9378` | `oklch(60.18% 0.0954 169.92)` | Illuminating Emerald | black, 5.6 to 1 |
| 28 | `#348b72` | `oklch(57.66% 0.0917 170.94)` | Ionian | black, 5 to 1 |
| 29 | `#30836c` | `oklch(55.29% 0.0877 171.99)` | Dream Green | black, 4.5 to 1 |
| 30 | `#2c7c67` | `oklch(53.15% 0.0839 172.98)` | Pinehurst | white, 5 to 1 |
| 31 | `#2a7663` | `oklch(51.35% 0.0807 173.81)` | Majorelle Gardens | white, 5.4 to 1 |
| 32 | `#277260` | `oklch(50.00% 0.0785 174.37)` | Nordic Forest | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f3fefa 0.0%, #f1fdf9 3.2%, #eefdf8 6.5%, #eafcf6 9.7%, #e6faf4 12.9%, #e2f9f1 16.1%, #ddf7ee 19.4%, #d8f6eb 22.6%, #d2f4e8 25.8%, #ccf1e4 29.0%, #c6efe0 32.3%, #bfeddc 35.5%, #b8ead8 38.7%, #b0e7d3 41.9%, #a8e3ce 45.2%, #9fdfc8 48.4%, #97dac2 51.6%, #8dd5bb 54.8%, #83ceb3 58.1%, #78c7ab 61.3%, #6dc0a2 64.5%, #62b99a 67.7%, #58b292 71.0%, #4fab8b 74.2%, #47a384 77.4%, #409b7e 80.6%, #3a9378 83.9%, #348b72 87.1%, #30836c 90.3%, #2c7c67 93.5%, #2a7663 96.8%, #277260 100.0%);
background: linear-gradient(135deg in oklch, oklch(98.82% 0.0124 174.37) 0.0%, oklch(98.47% 0.0143 174.21) 3.2%, oklch(98.05% 0.0167 173.98) 6.5%, oklch(97.55% 0.0196 173.71) 9.7%, oklch(96.97% 0.0229 173.41) 12.9%, oklch(96.31% 0.0265 173.10) 16.1%, oklch(95.57% 0.0303 172.78) 19.4%, oklch(94.76% 0.0342 172.47) 22.6%, oklch(93.87% 0.0382 172.19) 25.8%, oklch(92.93% 0.0426 171.92) 29.0%, oklch(91.94% 0.0474 171.65) 32.3%, oklch(90.89% 0.0525 171.38) 35.5%, oklch(89.74% 0.0577 171.10) 38.7%, oklch(88.47% 0.0628 170.83) 41.9%, oklch(87.07% 0.0677 170.56) 45.2%, oklch(85.50% 0.0723 170.28) 48.4%, oklch(83.73% 0.0765 170.00) 51.6%, oklch(81.73% 0.0809 169.61) 54.8%, oklch(79.51% 0.0854 169.17) 58.1%, oklch(77.16% 0.0897 168.72) 61.3%, oklch(74.73% 0.0936 168.32) 64.5%, oklch(72.26% 0.0968 168.03) 67.7%, oklch(69.83% 0.0992 167.90) 71.0%, oklch(67.49% 0.1005 167.97) 74.2%, oklch(65.19% 0.1003 168.34) 77.4%, oklch(62.72% 0.0984 169.02) 80.6%, oklch(60.18% 0.0954 169.92) 83.9%, oklch(57.66% 0.0917 170.94) 87.1%, oklch(55.29% 0.0877 171.99) 90.3%, oklch(53.15% 0.0839 172.98) 93.5%, oklch(51.35% 0.0807 173.81) 96.8%, oklch(50.00% 0.0785 174.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.012 | 174.4 |
| 2 | 0.941 | 0.037 | 172.3 |
| 3 | 0.846 | 0.074 | 170.1 |
| 4 | 0.669 | 0.101 | 168 |
| 5 | 0.5 | 0.079 | 174.4 |

## In these collections

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

## Other forms

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