# Mint and teal color palette

The Mint and teal color palette brings together light green, green, and teal. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is teal, and its lightest tone is light green.

- Also called: Analogous green to dark teal linear gradient
- Seed: `kU2CtwU5xAz4WwarjMNA`
- Page: https://grabient.com/kU2CtwU5xAz4WwarjMNA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#afdabf` | `oklch(85.04% 0.0593 157.50)` | Shanghai Jade | black, 13.6 to 1 |
| 2 | `#aad7bb` | `oklch(83.92% 0.0604 157.89)` | Eerie Glow | black, 13.1 to 1 |
| 3 | `#a4d2b7` | `oklch(82.48% 0.0621 158.35)` | Glenwood Green | black, 12.5 to 1 |
| 4 | `#9dcdb1` | `oklch(80.78% 0.0641 158.89)` | Retro Mint | black, 11.8 to 1 |
| 5 | `#96c8ab` | `oklch(78.87% 0.0664 159.49)` | Peppermint Spray | black, 11.1 to 1 |
| 6 | `#8dc2a5` | `oklch(76.81% 0.0688 160.16)` | Spearmint Frosting | black, 10.3 to 1 |
| 7 | `#85bb9e` | `oklch(74.66% 0.0711 160.89)` | Grand Gusto | black, 9.6 to 1 |
| 8 | `#7cb598` | `oklch(72.48% 0.0732 161.70)` | Padua | black, 8.9 to 1 |
| 9 | `#73ae92` | `oklch(70.33% 0.0750 162.58)` | Melon Green | black, 8.2 to 1 |
| 10 | `#6ba88c` | `oklch(68.26% 0.0763 163.53)` | Artemesia Green | black, 7.6 to 1 |
| 11 | `#64a287` | `oklch(66.34% 0.0771 164.54)` | Sea Lettuce | black, 7 to 1 |
| 12 | `#5e9d83` | `oklch(64.58% 0.0771 165.62)` | Scotch Lassie | black, 6.6 to 1 |
| 13 | `#58987f` | `oklch(62.86% 0.0767 166.71)` | Crisp Lettuce | black, 6.1 to 1 |
| 14 | `#53927b` | `oklch(61.15% 0.0759 167.85)` | Puerto Princesa | black, 5.7 to 1 |
| 15 | `#4e8d77` | `oklch(59.47% 0.0747 169.04)` | Aegean Green | black, 5.4 to 1 |
| 16 | `#498873` | `oklch(57.81% 0.0733 170.31)` | Think Leaf | black, 5 to 1 |
| 17 | `#458370` | `oklch(56.17% 0.0715 171.66)` | Aussie Surf | black, 4.7 to 1 |
| 18 | `#417e6c` | `oklch(54.56% 0.0696 173.13)` | Shǔi Cǎo Lǜ Green | white, 4.7 to 1 |
| 19 | `#3d7969` | `oklch(52.96% 0.0676 174.72)` | Green Moray | white, 5.1 to 1 |
| 20 | `#397466` | `oklch(51.39% 0.0655 176.45)` | Nominee | white, 5.4 to 1 |
| 21 | `#366f63` | `oklch(49.84% 0.0634 178.34)` | Statue of Liberty | white, 5.8 to 1 |
| 22 | `#326a60` | `oklch(48.31% 0.0613 180.42)` | Seiheki Green | white, 6.2 to 1 |
| 23 | `#2f655d` | `oklch(46.72% 0.0589 182.91)` | Alliance | white, 6.6 to 1 |
| 24 | `#2c605a` | `oklch(45.08% 0.0561 185.77)` | Verdant Forest | white, 7.1 to 1 |
| 25 | `#2a5a57` | `oklch(43.43% 0.0531 188.88)` | Enchanting Ivy | white, 7.7 to 1 |
| 26 | `#285554` | `oklch(41.80% 0.0499 192.14)` | Hidden Depths | white, 8.3 to 1 |
| 27 | `#265050` | `oklch(40.22% 0.0468 195.43)` | Seagrass Green | white, 8.9 to 1 |
| 28 | `#254c4d` | `oklch(38.72% 0.0437 198.62)` | Hornblende Green | white, 9.5 to 1 |
| 29 | `#24474a` | `oklch(37.35% 0.0408 201.62)` | Mysterious Waters | white, 10 to 1 |
| 30 | `#234347` | `oklch(36.12% 0.0382 204.29)` | Emerald Forest | white, 10.6 to 1 |
| 31 | `#234044` | `oklch(35.08% 0.0361 206.53)` | Bay Isle Pointe | white, 11.1 to 1 |
| 32 | `#223e42` | `oklch(34.25% 0.0344 208.22)` | Sunken Harbour | white, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #afdabf 0.0%, #aad7bb 3.2%, #a4d2b7 6.5%, #9dcdb1 9.7%, #96c8ab 12.9%, #8dc2a5 16.1%, #85bb9e 19.4%, #7cb598 22.6%, #73ae92 25.8%, #6ba88c 29.0%, #64a287 32.3%, #5e9d83 35.5%, #58987f 38.7%, #53927b 41.9%, #4e8d77 45.2%, #498873 48.4%, #458370 51.6%, #417e6c 54.8%, #3d7969 58.1%, #397466 61.3%, #366f63 64.5%, #326a60 67.7%, #2f655d 71.0%, #2c605a 74.2%, #2a5a57 77.4%, #285554 80.6%, #265050 83.9%, #254c4d 87.1%, #24474a 90.3%, #234347 93.5%, #234044 96.8%, #223e42 100.0%);
background: linear-gradient(90deg in oklch, oklch(85.04% 0.0593 157.50) 0.0%, oklch(83.92% 0.0604 157.89) 3.2%, oklch(82.48% 0.0621 158.35) 6.5%, oklch(80.78% 0.0641 158.89) 9.7%, oklch(78.87% 0.0664 159.49) 12.9%, oklch(76.81% 0.0688 160.16) 16.1%, oklch(74.66% 0.0711 160.89) 19.4%, oklch(72.48% 0.0732 161.70) 22.6%, oklch(70.33% 0.0750 162.58) 25.8%, oklch(68.26% 0.0763 163.53) 29.0%, oklch(66.34% 0.0771 164.54) 32.3%, oklch(64.58% 0.0771 165.62) 35.5%, oklch(62.86% 0.0767 166.71) 38.7%, oklch(61.15% 0.0759 167.85) 41.9%, oklch(59.47% 0.0747 169.04) 45.2%, oklch(57.81% 0.0733 170.31) 48.4%, oklch(56.17% 0.0715 171.66) 51.6%, oklch(54.56% 0.0696 173.13) 54.8%, oklch(52.96% 0.0676 174.72) 58.1%, oklch(51.39% 0.0655 176.45) 61.3%, oklch(49.84% 0.0634 178.34) 64.5%, oklch(48.31% 0.0613 180.42) 67.7%, oklch(46.72% 0.0589 182.91) 71.0%, oklch(45.08% 0.0561 185.77) 74.2%, oklch(43.43% 0.0531 188.88) 77.4%, oklch(41.80% 0.0499 192.14) 80.6%, oklch(40.22% 0.0468 195.43) 83.9%, oklch(38.72% 0.0437 198.62) 87.1%, oklch(37.35% 0.0408 201.62) 90.3%, oklch(36.12% 0.0382 204.29) 93.5%, oklch(35.08% 0.0361 206.53) 96.8%, oklch(34.25% 0.0344 208.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.059 | 157.5 |
| 2 | 0.657 | 0.077 | 164.9 |
| 3 | 0.488 | 0.062 | 179.7 |
| 4 | 0.343 | 0.034 | 208.2 |

## In these collections

- [Between tides](https://grabient.com/between-tides)
- [Mint color palette](https://grabient.com/mint-color-palette)
- [Winter swatches](https://grabient.com/winter-swatches)
- [Cool swatches](https://grabient.com/cool-swatches)

## Other forms

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