# Lavender, mint and teal color palette

The Lavender, mint and teal color palette brings together light purple, pale magenta, off-white, light green, green, and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: Lavender, gray, green and teal linear gradient
- Seed: `kazD7VcInC_OH0Ttl0NYR9BtEewXDF0Kg`
- Page: https://grabient.com/kazD7VcInC_OH0Ttl0NYR9BtEewXDF0Kg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.9 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 | `#c6b3ee` | `oklch(80.31% 0.0854 299.53)` | Purple Sand | black, 11 to 1 |
| 2 | `#cbb7ed` | `oklch(81.48% 0.0769 301.02)` | Connecticut Lilac | black, 11.5 to 1 |
| 3 | `#cfbfeb` | `oklch(83.19% 0.0643 301.97)` | York Plum | black, 12.2 to 1 |
| 4 | `#d5c7e9` | `oklch(85.11% 0.0503 304.45)` | Foggy Love | black, 13.1 to 1 |
| 5 | `#dccee7` | `oklch(86.95% 0.0371 310.51)` | Plum’s the Word | black, 13.9 to 1 |
| 6 | `#e2d3e4` | `oklch(88.40% 0.0273 322.24)` | Purplish White | black, 14.6 to 1 |
| 7 | `#e7d7e0` | `oklch(89.38% 0.0217 342.86)` | Wine Frost | black, 15.1 to 1 |
| 8 | `#eadadb` | `oklch(90.14% 0.0183 12.51)` | Discrete Pink | black, 15.5 to 1 |
| 9 | `#eaddd7` | `oklch(90.69% 0.0169 46.09)` | Wistful Beige | black, 15.8 to 1 |
| 10 | `#e8e0d5` | `oklch(90.98% 0.0173 78.45)` | Aquarelle Beige | black, 16 to 1 |
| 11 | `#e3e2d4` | `oklch(91.00% 0.0196 104.39)` | Divine Cream | black, 16.1 to 1 |
| 12 | `#dee3d2` | `oklch(90.72% 0.0240 120.25)` | Mystical Sea | black, 16 to 1 |
| 13 | `#d8e3cd` | `oklch(90.13% 0.0316 129.10)` | Gratifying Green | black, 15.7 to 1 |
| 14 | `#d1e2c7` | `oklch(89.26% 0.0411 133.42)` | Endive | black, 15.4 to 1 |
| 15 | `#cae0bf` | `oklch(88.18% 0.0511 135.49)` | Cat Woman | black, 14.9 to 1 |
| 16 | `#c2deb8` | `oklch(86.91% 0.0599 137.53)` | Wisp Green | black, 14.3 to 1 |
| 17 | `#b8dbb2` | `oklch(85.48% 0.0664 141.24)` | A Mann’s Mint | black, 13.7 to 1 |
| 18 | `#aed7ad` | `oklch(83.82% 0.0720 144.62)` | Frugal | black, 13.1 to 1 |
| 19 | `#a3d2a8` | `oklch(81.95% 0.0768 147.43)` | Chinook | black, 12.3 to 1 |
| 20 | `#98cda2` | `oklch(79.94% 0.0808 149.92)` | Garden Goddess | black, 11.5 to 1 |
| 21 | `#8ec79d` | `oklch(77.82% 0.0839 152.35)` | Foul Green | black, 10.7 to 1 |
| 22 | `#83c198` | `oklch(75.64% 0.0860 154.91)` | Willow Hedge | black, 10 to 1 |
| 23 | `#79b993` | `oklch(73.28% 0.0872 157.21)` | Mountain Lake Green | black, 9.2 to 1 |
| 24 | `#6fb28d` | `oklch(70.79% 0.0875 159.33)` | Green Bank | black, 8.4 to 1 |
| 25 | `#65aa88` | `oklch(68.25% 0.0869 161.54)` | Verdigris Green | black, 7.6 to 1 |
| 26 | `#5ca283` | `oklch(65.75% 0.0856 164.11)` | Plumosa | black, 6.9 to 1 |
| 27 | `#539b80` | `oklch(63.39% 0.0837 167.33)` | Wintergreen Shadow | black, 6.3 to 1 |
| 28 | `#4b937d` | `oklch(60.97% 0.0803 171.73)` | Puerto Princesa | black, 5.7 to 1 |
| 29 | `#448b7b` | `oklch(58.48% 0.0757 176.92)` | Perky | black, 5.1 to 1 |
| 30 | `#3f8378` | `oklch(56.15% 0.0708 182.19)` | Aussie Surf | black, 4.7 to 1 |
| 31 | `#3c7c75` | `oklch(54.17% 0.0664 186.79)` | Turquoise Tortoise | white, 4.8 to 1 |
| 32 | `#3a7773` | `oklch(52.76% 0.0634 189.98)` | Myrtle Green | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c6b3ee 0.0%, #cbb7ed 3.2%, #cfbfeb 6.5%, #d5c7e9 9.7%, #dccee7 12.9%, #e2d3e4 16.1%, #e7d7e0 19.4%, #eadadb 22.6%, #eaddd7 25.8%, #e8e0d5 29.0%, #e3e2d4 32.3%, #dee3d2 35.5%, #d8e3cd 38.7%, #d1e2c7 41.9%, #cae0bf 45.2%, #c2deb8 48.4%, #b8dbb2 51.6%, #aed7ad 54.8%, #a3d2a8 58.1%, #98cda2 61.3%, #8ec79d 64.5%, #83c198 67.7%, #79b993 71.0%, #6fb28d 74.2%, #65aa88 77.4%, #5ca283 80.6%, #539b80 83.9%, #4b937d 87.1%, #448b7b 90.3%, #3f8378 93.5%, #3c7c75 96.8%, #3a7773 100.0%);
background: linear-gradient(135deg in oklch, oklch(80.31% 0.0854 299.53) 0.0%, oklch(81.48% 0.0769 301.02) 3.2%, oklch(83.19% 0.0643 301.97) 6.5%, oklch(85.11% 0.0503 304.45) 9.7%, oklch(86.95% 0.0371 310.51) 12.9%, oklch(88.40% 0.0273 322.24) 16.1%, oklch(89.38% 0.0217 342.86) 19.4%, oklch(90.14% 0.0183 12.51) 22.6%, oklch(90.69% 0.0169 46.09) 25.8%, oklch(90.98% 0.0173 78.45) 29.0%, oklch(91.00% 0.0196 104.39) 32.3%, oklch(90.72% 0.0240 120.25) 35.5%, oklch(90.13% 0.0316 129.10) 38.7%, oklch(89.26% 0.0411 133.42) 41.9%, oklch(88.18% 0.0511 135.49) 45.2%, oklch(86.91% 0.0599 137.53) 48.4%, oklch(85.48% 0.0664 141.24) 51.6%, oklch(83.82% 0.0720 144.62) 54.8%, oklch(81.95% 0.0768 147.43) 58.1%, oklch(79.94% 0.0808 149.92) 61.3%, oklch(77.82% 0.0839 152.35) 64.5%, oklch(75.64% 0.0860 154.91) 67.7%, oklch(73.28% 0.0872 157.21) 71.0%, oklch(70.79% 0.0875 159.33) 74.2%, oklch(68.25% 0.0869 161.54) 77.4%, oklch(65.75% 0.0856 164.11) 80.6%, oklch(63.39% 0.0837 167.33) 83.9%, oklch(60.97% 0.0803 171.73) 87.1%, oklch(58.48% 0.0757 176.92) 90.3%, oklch(56.15% 0.0708 182.19) 93.5%, oklch(54.17% 0.0664 186.79) 96.8%, oklch(52.76% 0.0634 189.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.085 | 299.5 |
| 2 | 0.886 | 0.026 | 324.9 |
| 3 | 0.909 | 0.021 | 470.7 |
| 4 | 0.862 | 0.063 | 499.3 |
| 5 | 0.764 | 0.085 | 514.1 |
| 6 | 0.638 | 0.084 | 526.7 |
| 7 | 0.528 | 0.063 | 550 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)
- [Winter](https://grabient.com/winter)

## Other forms

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