# Deep teal and mauve spring tide seagrass

The Deep teal and mauve spring tide seagrass brings together green, teal, blue, and purple. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is green, and its lightest tone is teal.

- Also called: Dark green, teal, blue and purple linear gradient
- Seed: `kWXDFzyB9BFeVQzTkslv6JEo`
- Page: https://grabient.com/kWXDFzyB9BFeVQzTkslv6JEo?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, cool, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#134933` | `oklch(36.22% 0.0675 162.42)` | County Green | white, 10.4 to 1 |
| 2 | `#164d37` | `oklch(37.92% 0.0693 163.05)` | County Green | white, 9.6 to 1 |
| 3 | `#1a543e` | `oklch(40.25% 0.0720 163.76)` | Bagpiper | white, 8.7 to 1 |
| 4 | `#1e5d45` | `oklch(43.04% 0.0752 164.59)` | Greenbriar | white, 7.7 to 1 |
| 5 | `#23664e` | `oklch(46.08% 0.0786 165.60)` | Brunswick | white, 6.8 to 1 |
| 6 | `#297057` | `oklch(49.21% 0.0817 166.84)` | Sparkling Emerald | white, 5.9 to 1 |
| 7 | `#2e7961` | `oklch(52.23% 0.0841 168.38)` | Pinehurst | white, 5.2 to 1 |
| 8 | `#34816a` | `oklch(54.95% 0.0854 170.26)` | Dream Green | white, 4.6 to 1 |
| 9 | `#398873` | `oklch(57.22% 0.0852 172.52)` | Ionian | black, 4.9 to 1 |
| 10 | `#408e7b` | `oklch(59.30% 0.0833 174.77)` | Perky | black, 5.3 to 1 |
| 11 | `#489483` | `oklch(61.30% 0.0801 177.02)` | Spa Green | black, 5.8 to 1 |
| 12 | `#51998b` | `oklch(63.18% 0.0760 179.49)` | Petrol Green | black, 6.2 to 1 |
| 13 | `#5a9d92` | `oklch(64.89% 0.0715 182.41)` | Treasure Isle | black, 6.6 to 1 |
| 14 | `#61a199` | `oklch(66.39% 0.0668 186.00)` | Aqua Rapids | black, 7 to 1 |
| 15 | `#68a4a0` | `oklch(67.63% 0.0626 190.49)` | Aqua Rapids | black, 7.3 to 1 |
| 16 | `#6da6a6` | `oklch(68.56% 0.0592 196.11)` | Fairstar | black, 7.6 to 1 |
| 17 | `#71a7ac` | `oklch(69.15% 0.0567 203.18)` | Water Cooler | black, 7.7 to 1 |
| 18 | `#75a6b1` | `oklch(69.44% 0.0545 212.23)` | Inner Sanctum | black, 7.8 to 1 |
| 19 | `#79a5b5` | `oklch(69.46% 0.0524 222.82)` | Inner Sanctum | black, 7.8 to 1 |
| 20 | `#7ea2b7` | `oklch(69.22% 0.0506 234.34)` | Lake Okoboji | black, 7.7 to 1 |
| 21 | `#829eb8` | `oklch(68.74% 0.0493 246.18)` | Office Blue | black, 7.5 to 1 |
| 22 | `#869ab7` | `oklch(68.04% 0.0487 257.76)` | Forever Blue | black, 7.3 to 1 |
| 23 | `#8995b5` | `oklch(67.14% 0.0491 268.47)` | Lively Lilac | black, 7 to 1 |
| 24 | `#8a90b2` | `oklch(66.05% 0.0504 277.71)` | Persian Violet | black, 6.7 to 1 |
| 25 | `#8a8aae` | `oklch(64.65% 0.0533 285.36)` | Larkspur Violet | black, 6.3 to 1 |
| 26 | `#8982a9` | `oklch(62.73% 0.0581 292.30)` | Aster Purple | black, 5.8 to 1 |
| 27 | `#8679a3` | `oklch(60.45% 0.0642 298.57)` | Second Pour | black, 5.3 to 1 |
| 28 | `#83709d` | `oklch(57.99% 0.0710 304.17)` | Baroness Mauve | black, 4.7 to 1 |
| 29 | `#816696` | `oklch(55.53% 0.0780 309.10)` | Clematis | white, 4.9 to 1 |
| 30 | `#7e5e8f` | `oklch(53.26% 0.0845 313.36)` | Plum Power | white, 5.4 to 1 |
| 31 | `#7c5689` | `oklch(51.35% 0.0899 316.95)` | Champion | white, 5.9 to 1 |
| 32 | `#7b5184` | `oklch(50.00% 0.0937 319.88)` | Cleopatra’s Gown | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #134933 0.0%, #164d37 3.2%, #1a543e 6.5%, #1e5d45 9.7%, #23664e 12.9%, #297057 16.1%, #2e7961 19.4%, #34816a 22.6%, #398873 25.8%, #408e7b 29.0%, #489483 32.3%, #51998b 35.5%, #5a9d92 38.7%, #61a199 41.9%, #68a4a0 45.2%, #6da6a6 48.4%, #71a7ac 51.6%, #75a6b1 54.8%, #79a5b5 58.1%, #7ea2b7 61.3%, #829eb8 64.5%, #869ab7 67.7%, #8995b5 71.0%, #8a90b2 74.2%, #8a8aae 77.4%, #8982a9 80.6%, #8679a3 83.9%, #83709d 87.1%, #816696 90.3%, #7e5e8f 93.5%, #7c5689 96.8%, #7b5184 100.0%);
background: linear-gradient(180deg in oklch, oklch(36.22% 0.0675 162.42) 0.0%, oklch(37.92% 0.0693 163.05) 3.2%, oklch(40.25% 0.0720 163.76) 6.5%, oklch(43.04% 0.0752 164.59) 9.7%, oklch(46.08% 0.0786 165.60) 12.9%, oklch(49.21% 0.0817 166.84) 16.1%, oklch(52.23% 0.0841 168.38) 19.4%, oklch(54.95% 0.0854 170.26) 22.6%, oklch(57.22% 0.0852 172.52) 25.8%, oklch(59.30% 0.0833 174.77) 29.0%, oklch(61.30% 0.0801 177.02) 32.3%, oklch(63.18% 0.0760 179.49) 35.5%, oklch(64.89% 0.0715 182.41) 38.7%, oklch(66.39% 0.0668 186.00) 41.9%, oklch(67.63% 0.0626 190.49) 45.2%, oklch(68.56% 0.0592 196.11) 48.4%, oklch(69.15% 0.0567 203.18) 51.6%, oklch(69.44% 0.0545 212.23) 54.8%, oklch(69.46% 0.0524 222.82) 58.1%, oklch(69.22% 0.0506 234.34) 61.3%, oklch(68.74% 0.0493 246.18) 64.5%, oklch(68.04% 0.0487 257.76) 67.7%, oklch(67.14% 0.0491 268.47) 71.0%, oklch(66.05% 0.0504 277.71) 74.2%, oklch(64.65% 0.0533 285.36) 77.4%, oklch(62.73% 0.0581 292.30) 80.6%, oklch(60.45% 0.0642 298.57) 83.9%, oklch(57.99% 0.0710 304.17) 87.1%, oklch(55.53% 0.0780 309.10) 90.3%, oklch(53.26% 0.0845 313.36) 93.5%, oklch(51.35% 0.0899 316.95) 96.8%, oklch(50.00% 0.0937 319.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.068 | 162.4 |
| 2 | 0.567 | 0.085 | 171.9 |
| 3 | 0.689 | 0.058 | 199.4 |
| 4 | 0.657 | 0.051 | 279.7 |
| 5 | 0.5 | 0.094 | 319.9 |

## In these collections

- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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