# Moss and teal color palette

The Moss and teal color palette brings together green and teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is teal, and its lightest tone is green.

- Also called: Analogous green to teal linear gradient
- Seed: `kWnU1dXShB14kwjQIEIOZnA4`
- Page: https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4?steps=21
- Drawn as: linear gradient, 21 steps, 90 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.3 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 | `#6f934c` | `oklch(61.81% 0.1061 130.78)` | Drab Green | black, 5.9 to 1 |
| 2 | `#719953` | `oklch(63.53% 0.1069 132.89)` | Bavarian Green | black, 6.3 to 1 |
| 3 | `#74a15d` | `oklch(66.07% 0.1081 135.83)` | Bulbasaur | black, 7 to 1 |
| 4 | `#77ab69` | `oklch(68.88% 0.1094 139.30)` | Alfalfa Bug | black, 7.8 to 1 |
| 5 | `#78b575` | `oklch(71.44% 0.1102 143.01)` | Faded Green | black, 8.6 to 1 |
| 6 | `#78bb7f` | `oklch(73.23% 0.1102 146.63)` | Jade Stone Green | black, 9.2 to 1 |
| 7 | `#77bf87` | `oklch(74.26% 0.1092 150.25)` | Flashman | black, 9.5 to 1 |
| 8 | `#74c28e` | `oklch(74.88% 0.1075 154.06)` | Felt Green | black, 9.8 to 1 |
| 9 | `#71c395` | `oklch(75.06% 0.1053 157.97)` | Felt Green | black, 9.8 to 1 |
| 10 | `#6cc299` | `oklch(74.78% 0.1029 161.87)` | Felt Green | black, 9.7 to 1 |
| 11 | `#67bf9c` | `oklch(74.02% 0.1006 165.65)` | Peppermint Fresh | black, 9.5 to 1 |
| 12 | `#61bb9d` | `oklch(72.67% 0.0984 169.47)` | Sainsbury | black, 9 to 1 |
| 13 | `#59b49b` | `oklch(70.78% 0.0961 173.37)` | Keppel | black, 8.4 to 1 |
| 14 | `#50ad99` | `oklch(68.45% 0.0937 177.17)` | Hole in One | black, 7.7 to 1 |
| 15 | `#47a494` | `oklch(65.81% 0.0911 180.65)` | Jewel Weed | black, 7 to 1 |
| 16 | `#3f9b8f` | `oklch(62.99% 0.0882 183.62)` | Sea | black, 6.2 to 1 |
| 17 | `#378f87` | `oklch(59.59% 0.0847 186.05)` | Royal Palm | black, 5.4 to 1 |
| 18 | `#2e827c` | `oklch(55.54% 0.0806 188.09)` | Apatite Blue | black, 4.6 to 1 |
| 19 | `#247571` | `oklch(51.41% 0.0764 189.76)` | Artisan Green | white, 5.4 to 1 |
| 20 | `#1c6a67` | `oklch(47.79% 0.0728 191.08)` | Mosaic Tile | white, 6.3 to 1 |
| 21 | `#176260` | `oklch(45.28% 0.0703 192.07)` | Abduction | white, 7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6f934c 0.0%, #719953 5.0%, #74a15d 10.0%, #77ab69 15.0%, #78b575 20.0%, #78bb7f 25.0%, #77bf87 30.0%, #74c28e 35.0%, #71c395 40.0%, #6cc299 45.0%, #67bf9c 50.0%, #61bb9d 55.0%, #59b49b 60.0%, #50ad99 65.0%, #47a494 70.0%, #3f9b8f 75.0%, #378f87 80.0%, #2e827c 85.0%, #247571 90.0%, #1c6a67 95.0%, #176260 100.0%);
background: linear-gradient(90deg in oklch, oklch(61.81% 0.1061 130.78) 0.0%, oklch(63.53% 0.1069 132.89) 5.0%, oklch(66.07% 0.1081 135.83) 10.0%, oklch(68.88% 0.1094 139.30) 15.0%, oklch(71.44% 0.1102 143.01) 20.0%, oklch(73.23% 0.1102 146.63) 25.0%, oklch(74.26% 0.1092 150.25) 30.0%, oklch(74.88% 0.1075 154.06) 35.0%, oklch(75.06% 0.1053 157.97) 40.0%, oklch(74.78% 0.1029 161.87) 45.0%, oklch(74.02% 0.1006 165.65) 50.0%, oklch(72.67% 0.0984 169.47) 55.0%, oklch(70.78% 0.0961 173.37) 60.0%, oklch(68.45% 0.0937 177.17) 65.0%, oklch(65.81% 0.0911 180.65) 70.0%, oklch(62.99% 0.0882 183.62) 75.0%, oklch(59.59% 0.0847 186.05) 80.0%, oklch(55.54% 0.0806 188.09) 85.0%, oklch(51.41% 0.0764 189.76) 90.0%, oklch(47.79% 0.0728 191.08) 95.0%, oklch(45.28% 0.0703 192.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.106 | 130.8 |
| 2 | 0.732 | 0.11 | 146.6 |
| 3 | 0.74 | 0.101 | 165.7 |
| 4 | 0.63 | 0.088 | 183.6 |
| 5 | 0.453 | 0.07 | 192.1 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Forest gradients](https://grabient.com/forest-gradients)
- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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