# Pale mint and deep teal emerald palette

The Pale mint and deep teal emerald palette brings together pale green, light green, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Analogous light blue to dark green linear gradient
- Seed: `kY7hhy6Z4_tszv5Ns0AvynAC4ZwQ`
- Page: https://grabient.com/kY7hhy6Z4_tszv5Ns0AvynAC4ZwQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.7 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 | `#d8f2e3` | `oklch(93.70% 0.0331 161.02)` | Teal Treat | black, 17.6 to 1 |
| 2 | `#d1efde` | `oklch(92.60% 0.0382 160.81)` | Light Martian Moon | black, 17.1 to 1 |
| 3 | `#c9ebd8` | `oklch(91.09% 0.0451 160.53)` | Glacial Water Green | black, 16.3 to 1 |
| 4 | `#bee7d0` | `oklch(89.29% 0.0533 160.19)` | Woolly Mint | black, 15.5 to 1 |
| 5 | `#b3e3c7` | `oklch(87.33% 0.0623 159.82)` | Coastal Foam | black, 14.6 to 1 |
| 6 | `#a7debe` | `oklch(85.34% 0.0717 159.41)` | Mountain Mint | black, 13.8 to 1 |
| 7 | `#9bd9b6` | `oklch(83.43% 0.0809 158.99)` | Birthday King | black, 13 to 1 |
| 8 | `#90d5ad` | `oklch(81.63% 0.0903 158.51)` | Peaceful Pastures | black, 12.3 to 1 |
| 9 | `#83d1a4` | `oklch(79.79% 0.1010 157.90)` | Pharaoh’s Jade | black, 11.6 to 1 |
| 10 | `#75cd9b` | `oklch(77.92% 0.1122 157.25)` | Jocose Jade | black, 10.9 to 1 |
| 11 | `#68c991` | `oklch(76.05% 0.1230 156.62)` | Green Gala | black, 10.3 to 1 |
| 12 | `#5ac488` | `oklch(74.19% 0.1325 156.11)` | Enamelled Dragon | black, 9.6 to 1 |
| 13 | `#4dbf80` | `oklch(72.37% 0.1398 155.79)` | Heart Chakra | black, 9.1 to 1 |
| 14 | `#42ba79` | `oklch(70.60% 0.1443 155.73)` | Ceramic Green | black, 8.5 to 1 |
| 15 | `#37b573` | `oklch(68.87% 0.1465 155.93)` | Buddha Green | black, 8 to 1 |
| 16 | `#2eb06f` | `oklch(67.18% 0.1469 156.30)` | Jade Powder | black, 7.5 to 1 |
| 17 | `#25aa6b` | `oklch(65.50% 0.1460 156.76)` | Secret Garden | black, 7 to 1 |
| 18 | `#1ca567` | `oklch(63.80% 0.1442 157.24)` | Jungle | black, 6.6 to 1 |
| 19 | `#139f64` | `oklch(62.08% 0.1419 157.66)` | Shamrock | black, 6.1 to 1 |
| 20 | `#089960` | `oklch(60.31% 0.1396 157.93)` | Green Cyan | black, 5.7 to 1 |
| 21 | `#01935c` | `oklch(58.54% 0.1367 157.99)` | Green Gloss | black, 5.3 to 1 |
| 22 | `#008d57` | `oklch(56.75% 0.1329 157.93)` | Center Field | black, 4.9 to 1 |
| 23 | `#008753` | `oklch(54.94% 0.1288 157.90)` | Pixel Nature | black, 4.5 to 1 |
| 24 | `#01814f` | `oklch(53.09% 0.1240 158.01)` | Picture Book Green | white, 4.9 to 1 |
| 25 | `#017a4c` | `oklch(51.18% 0.1188 158.36)` | Woodland Soul | white, 5.3 to 1 |
| 26 | `#007449` | `oklch(49.20% 0.1130 159.07)` | Gnarls Green | white, 5.8 to 1 |
| 27 | `#006c46` | `oklch(46.94% 0.1056 160.33)` | Vegan Green | white, 6.4 to 1 |
| 28 | `#006443` | `oklch(44.46% 0.0975 162.02)` | Aotake Bamboo | white, 7.2 to 1 |
| 29 | `#005c3f` | `oklch(41.96% 0.0896 163.89)` | Spruce | white, 8 to 1 |
| 30 | `#01543c` | `oklch(39.62% 0.0819 165.75)` | Sacramento State Green | white, 8.9 to 1 |
| 31 | `#044e39` | `oklch(37.64% 0.0751 167.33)` | Chrysocolla Dark Green | white, 9.7 to 1 |
| 32 | `#064937` | `oklch(36.22% 0.0703 168.41)` | Sherwood Green | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d8f2e3 0.0%, #d1efde 3.2%, #c9ebd8 6.5%, #bee7d0 9.7%, #b3e3c7 12.9%, #a7debe 16.1%, #9bd9b6 19.4%, #90d5ad 22.6%, #83d1a4 25.8%, #75cd9b 29.0%, #68c991 32.3%, #5ac488 35.5%, #4dbf80 38.7%, #42ba79 41.9%, #37b573 45.2%, #2eb06f 48.4%, #25aa6b 51.6%, #1ca567 54.8%, #139f64 58.1%, #089960 61.3%, #01935c 64.5%, #008d57 67.7%, #008753 71.0%, #01814f 74.2%, #017a4c 77.4%, #007449 80.6%, #006c46 83.9%, #006443 87.1%, #005c3f 90.3%, #01543c 93.5%, #044e39 96.8%, #064937 100.0%);
background: linear-gradient(135deg in oklch, oklch(93.70% 0.0331 161.02) 0.0%, oklch(92.60% 0.0382 160.81) 3.2%, oklch(91.09% 0.0451 160.53) 6.5%, oklch(89.29% 0.0533 160.19) 9.7%, oklch(87.33% 0.0623 159.82) 12.9%, oklch(85.34% 0.0717 159.41) 16.1%, oklch(83.43% 0.0809 158.99) 19.4%, oklch(81.63% 0.0903 158.51) 22.6%, oklch(79.79% 0.1010 157.90) 25.8%, oklch(77.92% 0.1122 157.25) 29.0%, oklch(76.05% 0.1230 156.62) 32.3%, oklch(74.19% 0.1325 156.11) 35.5%, oklch(72.37% 0.1398 155.79) 38.7%, oklch(70.60% 0.1443 155.73) 41.9%, oklch(68.87% 0.1465 155.93) 45.2%, oklch(67.18% 0.1469 156.30) 48.4%, oklch(65.50% 0.1460 156.76) 51.6%, oklch(63.80% 0.1442 157.24) 54.8%, oklch(62.08% 0.1419 157.66) 58.1%, oklch(60.31% 0.1396 157.93) 61.3%, oklch(58.54% 0.1367 157.99) 64.5%, oklch(56.75% 0.1329 157.93) 67.7%, oklch(54.94% 0.1288 157.90) 71.0%, oklch(53.09% 0.1240 158.01) 74.2%, oklch(51.18% 0.1188 158.36) 77.4%, oklch(49.20% 0.1130 159.07) 80.6%, oklch(46.94% 0.1056 160.33) 83.9%, oklch(44.46% 0.0975 162.02) 87.1%, oklch(41.96% 0.0896 163.89) 90.3%, oklch(39.62% 0.0819 165.75) 93.5%, oklch(37.64% 0.0751 167.33) 96.8%, oklch(36.22% 0.0703 168.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.033 | 161 |
| 2 | 0.831 | 0.083 | 158.9 |
| 3 | 0.717 | 0.142 | 155.7 |
| 4 | 0.61 | 0.141 | 157.8 |
| 5 | 0.496 | 0.114 | 158.9 |
| 6 | 0.362 | 0.07 | 168.4 |

## In these collections

- [Emerald color palette](https://grabient.com/emerald-color-palette)

## Other forms

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