# Pale mint color palette

Pastel analogous blue to teal linear gradient with 32 colors: #d8f4e0, #d6f3df, #d4f2dd, #d1f1db, #cff0d9, #cceed7, #c8edd5, #c5ebd2, #c1e9d0, #bee8cd, #bae6cb, #b6e4c8, #b2e2c6, #afe1c4, #abdfc1, #a8ddbf, #a5dcbd, #a1dabb, #9ed8b9, #9bd7b7, #97d5b5, #94d3b3, #90d1b1, #8dcfaf, #8acdad, #86cbab, #83caaa, #80c8a8, #7ec7a6, #7bc5a5, #79c4a4, #77c3a3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel analogous blue to teal linear gradient
- Seed: `kS7x1ubBnAmCgwI`
- Page: https://grabient.com/kS7x1ubBnAmCgwI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#d8f4e0` | `oklch(94.09% 0.0400 154.69)` | Delicate Sapling | black, 17.9 to 1 |
| 2 | `#d6f3df` | `oklch(93.77% 0.0411 154.88)` | Delicate Sapling | black, 17.7 to 1 |
| 3 | `#d4f2dd` | `oklch(93.37% 0.0425 155.11)` | Delicate Sapling | black, 17.5 to 1 |
| 4 | `#d1f1db` | `oklch(92.91% 0.0441 155.38)` | Greenish White | black, 17.3 to 1 |
| 5 | `#cff0d9` | `oklch(92.40% 0.0459 155.68)` | Jade Palace | black, 17 to 1 |
| 6 | `#cceed7` | `oklch(91.84% 0.0479 156.00)` | Jade Palace | black, 16.7 to 1 |
| 7 | `#c8edd5` | `oklch(91.25% 0.0500 156.35)` | Celery Stick | black, 16.4 to 1 |
| 8 | `#c5ebd2` | `oklch(90.62% 0.0522 156.71)` | Delicate Frost | black, 16.1 to 1 |
| 9 | `#c1e9d0` | `oklch(89.97% 0.0545 157.10)` | Martian Moon | black, 15.8 to 1 |
| 10 | `#bee8cd` | `oklch(89.30% 0.0568 157.49)` | Woolly Mint | black, 15.5 to 1 |
| 11 | `#bae6cb` | `oklch(88.62% 0.0591 157.88)` | Canton Jade | black, 15.2 to 1 |
| 12 | `#b6e4c8` | `oklch(87.94% 0.0614 158.28)` | Coastal Foam | black, 14.9 to 1 |
| 13 | `#b2e2c6` | `oklch(87.26% 0.0636 158.67)` | Quiet Jade | black, 14.6 to 1 |
| 14 | `#afe1c4` | `oklch(86.60% 0.0657 159.06)` | Fabulous Find | black, 14.3 to 1 |
| 15 | `#abdfc1` | `oklch(85.95% 0.0676 159.44)` | Mountain Mint | black, 14 to 1 |
| 16 | `#a8ddbf` | `oklch(85.34% 0.0694 159.80)` | Mountain Mint | black, 13.8 to 1 |
| 17 | `#a5dcbd` | `oklch(84.74% 0.0711 160.14)` | Shanghai Jade | black, 13.5 to 1 |
| 18 | `#a1dabb` | `oklch(84.12% 0.0727 160.50)` | Birthday King | black, 13.2 to 1 |
| 19 | `#9ed8b9` | `oklch(83.48% 0.0742 160.88)` | Nihilakh Oxide | black, 13 to 1 |
| 20 | `#9bd7b7` | `oklch(82.82% 0.0758 161.27)` | Nihilakh Oxide | black, 12.7 to 1 |
| 21 | `#97d5b5` | `oklch(82.14% 0.0773 161.66)` | Vista Blue | black, 12.4 to 1 |
| 22 | `#94d3b3` | `oklch(81.46% 0.0787 162.06)` | Vista Blue | black, 12.2 to 1 |
| 23 | `#90d1b1` | `oklch(80.78% 0.0801 162.46)` | Tropical Trail | black, 11.9 to 1 |
| 24 | `#8dcfaf` | `oklch(80.11% 0.0815 162.85)` | Vile Green | black, 11.6 to 1 |
| 25 | `#8acdad` | `oklch(79.46% 0.0828 163.23)` | Sybarite Green | black, 11.4 to 1 |
| 26 | `#86cbab` | `oklch(78.83% 0.0840 163.59)` | Sybarite Green | black, 11.1 to 1 |
| 27 | `#83caaa` | `oklch(78.24% 0.0852 163.94)` | Park Green Flat | black, 10.9 to 1 |
| 28 | `#80c8a8` | `oklch(77.68% 0.0862 164.27)` | Aqua Eden | black, 10.7 to 1 |
| 29 | `#7ec7a6` | `oklch(77.17% 0.0872 164.56)` | Aqua Eden | black, 10.5 to 1 |
| 30 | `#7bc5a5` | `oklch(76.71% 0.0881 164.83)` | Gem Silica | black, 10.4 to 1 |
| 31 | `#79c4a4` | `oklch(76.31% 0.0889 165.06)` | Gem Silica | black, 10.2 to 1 |
| 32 | `#77c3a3` | `oklch(75.98% 0.0896 165.25)` | Gem Silica | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d8f4e0 0.0%, #d6f3df 3.2%, #d4f2dd 6.5%, #d1f1db 9.7%, #cff0d9 12.9%, #cceed7 16.1%, #c8edd5 19.4%, #c5ebd2 22.6%, #c1e9d0 25.8%, #bee8cd 29.0%, #bae6cb 32.3%, #b6e4c8 35.5%, #b2e2c6 38.7%, #afe1c4 41.9%, #abdfc1 45.2%, #a8ddbf 48.4%, #a5dcbd 51.6%, #a1dabb 54.8%, #9ed8b9 58.1%, #9bd7b7 61.3%, #97d5b5 64.5%, #94d3b3 67.7%, #90d1b1 71.0%, #8dcfaf 74.2%, #8acdad 77.4%, #86cbab 80.6%, #83caaa 83.9%, #80c8a8 87.1%, #7ec7a6 90.3%, #7bc5a5 93.5%, #79c4a4 96.8%, #77c3a3 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.09% 0.0400 154.69) 0.0%, oklch(93.77% 0.0411 154.88) 3.2%, oklch(93.37% 0.0425 155.11) 6.5%, oklch(92.91% 0.0441 155.38) 9.7%, oklch(92.40% 0.0459 155.68) 12.9%, oklch(91.84% 0.0479 156.00) 16.1%, oklch(91.25% 0.0500 156.35) 19.4%, oklch(90.62% 0.0522 156.71) 22.6%, oklch(89.97% 0.0545 157.10) 25.8%, oklch(89.30% 0.0568 157.49) 29.0%, oklch(88.62% 0.0591 157.88) 32.3%, oklch(87.94% 0.0614 158.28) 35.5%, oklch(87.26% 0.0636 158.67) 38.7%, oklch(86.60% 0.0657 159.06) 41.9%, oklch(85.95% 0.0676 159.44) 45.2%, oklch(85.34% 0.0694 159.80) 48.4%, oklch(84.74% 0.0711 160.14) 51.6%, oklch(84.12% 0.0727 160.50) 54.8%, oklch(83.48% 0.0742 160.88) 58.1%, oklch(82.82% 0.0758 161.27) 61.3%, oklch(82.14% 0.0773 161.66) 64.5%, oklch(81.46% 0.0787 162.06) 67.7%, oklch(80.78% 0.0801 162.46) 71.0%, oklch(80.11% 0.0815 162.85) 74.2%, oklch(79.46% 0.0828 163.23) 77.4%, oklch(78.83% 0.0840 163.59) 80.6%, oklch(78.24% 0.0852 163.94) 83.9%, oklch(77.68% 0.0862 164.27) 87.1%, oklch(77.17% 0.0872 164.56) 90.3%, oklch(76.71% 0.0881 164.83) 93.5%, oklch(76.31% 0.0889 165.06) 96.8%, oklch(75.98% 0.0896 165.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.04 | 154.7 |
| 2 | 0.85 | 0.07 | 160 |
| 3 | 0.76 | 0.09 | 165.3 |

## In these collections

- [Dusty swatches](https://grabient.com/dusty-swatches)
- [Green swatches](https://grabient.com/green-swatches)
- [Monochrome green gradients](https://grabient.com/monochrome-green-gradients)
- [Soft swatches](https://grabient.com/soft-swatches)

## Other forms

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