# Analogous gray, green, teal and navy linear swatches

Analogous gray, green, teal and navy linear swatches with 32 colors: #aa9e78, #a79c74, #a29a6f, #9c976a, #959464, #8e915e, #858e59, #7c8a55, #728751, #68844f, #5f814e, #567e4d, #4d7b4d, #45774e, #3c744f, #347050, #2d6c50, #266951, #1f6551, #196051, #135c50, #0e5850, #09544f, #06504d, #044b4b, #044649, #054247, #063d44, #083941, #09363f, #0a333d, #0a313b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUsihCRx9FLWZxSlEMRA`
- Page: https://grabient.com/kUsihCRx9FLWZxSlEMRA?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.2 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 | `#aa9e78` | `oklch(70.08% 0.0551 92.81)` | Hillary | black, 7.8 to 1 |
| 2 | `#a79c74` | `oklch(69.26% 0.0570 95.36)` | Fresh Olive | black, 7.6 to 1 |
| 3 | `#a29a6f` | `oklch(68.22% 0.0598 98.61)` | Stilted Stalks | black, 7.3 to 1 |
| 4 | `#9c976a` | `oklch(66.99% 0.0631 102.45)` | Hiking | black, 7 to 1 |
| 5 | `#959464` | `oklch(65.60% 0.0667 106.77)` | Rhind Papyrus | black, 6.7 to 1 |
| 6 | `#8e915e` | `oklch(64.11% 0.0706 111.43)` | Nick’s Nook | black, 6.3 to 1 |
| 7 | `#858e59` | `oklch(62.54% 0.0744 116.32)` | Crocodile Smile | black, 5.9 to 1 |
| 8 | `#7c8a55` | `oklch(60.95% 0.0780 121.31)` | Scarabœus Nobilis | black, 5.6 to 1 |
| 9 | `#728751` | `oklch(59.36% 0.0811 126.30)` | Snip of Parsley | black, 5.3 to 1 |
| 10 | `#68844f` | `oklch(57.82% 0.0835 131.15)` | Happy Camper | black, 5 to 1 |
| 11 | `#5f814e` | `oklch(56.36% 0.0851 135.74)` | Glade Green | black, 4.7 to 1 |
| 12 | `#567e4d` | `oklch(55.00% 0.0858 140.07)` | Rambling Green | white, 4.6 to 1 |
| 13 | `#4d7b4d` | `oklch(53.65% 0.0857 144.44)` | Melbourne | white, 4.9 to 1 |
| 14 | `#45774e` | `oklch(52.30% 0.0850 148.83)` | Killarney | white, 5.2 to 1 |
| 15 | `#3c744f` | `oklch(50.95% 0.0838 153.25)` | Grasslands | white, 5.5 to 1 |
| 16 | `#347050` | `oklch(49.61% 0.0822 157.65)` | Parsley Sprig | white, 5.8 to 1 |
| 17 | `#2d6c50` | `oklch(48.27% 0.0803 162.04)` | Chopped Chive | white, 6.1 to 1 |
| 18 | `#266951` | `oklch(46.94% 0.0782 166.38)` | Celtic Green | white, 6.5 to 1 |
| 19 | `#1f6551` | `oklch(45.62% 0.0760 170.65)` | Embracing | white, 6.9 to 1 |
| 20 | `#196051` | `oklch(44.30% 0.0738 174.84)` | Teal Drama | white, 7.3 to 1 |
| 21 | `#135c50` | `oklch(42.99% 0.0716 178.92)` | Country Meadow | white, 7.8 to 1 |
| 22 | `#0e5850` | `oklch(41.69% 0.0696 182.90)` | Baltic Prince | white, 8.2 to 1 |
| 23 | `#09544f` | `oklch(40.32% 0.0674 186.98)` | Cape Verde | white, 8.7 to 1 |
| 24 | `#06504d` | `oklch(38.88% 0.0648 191.16)` | Action Green | white, 9.3 to 1 |
| 25 | `#044b4b` | `oklch(37.42% 0.0621 195.36)` | Deep Into the Jungle | white, 9.9 to 1 |
| 26 | `#044649` | `oklch(35.96% 0.0593 199.50)` | Incubi Darkness | white, 10.5 to 1 |
| 27 | `#054247` | `oklch(34.54% 0.0565 203.50)` | Warm Black | white, 11.2 to 1 |
| 28 | `#063d44` | `oklch(33.18% 0.0537 207.28)` | Ghostlands Coal | white, 11.8 to 1 |
| 29 | `#083941` | `oklch(31.93% 0.0511 210.75)` | Natural Indigo | white, 12.4 to 1 |
| 30 | `#09363f` | `oklch(30.82% 0.0489 213.85)` | Natural Indigo | white, 13 to 1 |
| 31 | `#0a333d` | `oklch(29.87% 0.0469 216.48)` | Artist Blue | white, 13.5 to 1 |
| 32 | `#0a313b` | `oklch(29.13% 0.0455 218.57)` | Artist Blue | white, 13.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #aa9e78 0.000% 3.125%, #a79c74 3.125% 6.250%, #a29a6f 6.250% 9.375%, #9c976a 9.375% 12.500%, #959464 12.500% 15.625%, #8e915e 15.625% 18.750%, #858e59 18.750% 21.875%, #7c8a55 21.875% 25.000%, #728751 25.000% 28.125%, #68844f 28.125% 31.250%, #5f814e 31.250% 34.375%, #567e4d 34.375% 37.500%, #4d7b4d 37.500% 40.625%, #45774e 40.625% 43.750%, #3c744f 43.750% 46.875%, #347050 46.875% 50.000%, #2d6c50 50.000% 53.125%, #266951 53.125% 56.250%, #1f6551 56.250% 59.375%, #196051 59.375% 62.500%, #135c50 62.500% 65.625%, #0e5850 65.625% 68.750%, #09544f 68.750% 71.875%, #06504d 71.875% 75.000%, #044b4b 75.000% 78.125%, #044649 78.125% 81.250%, #054247 81.250% 84.375%, #063d44 84.375% 87.500%, #083941 87.500% 90.625%, #09363f 90.625% 93.750%, #0a333d 93.750% 96.875%, #0a313b 96.875% 100.000%);
background: linear-gradient(180deg, oklch(70.08% 0.0551 92.81) 0.000% 3.125%, oklch(69.26% 0.0570 95.36) 3.125% 6.250%, oklch(68.22% 0.0598 98.61) 6.250% 9.375%, oklch(66.99% 0.0631 102.45) 9.375% 12.500%, oklch(65.60% 0.0667 106.77) 12.500% 15.625%, oklch(64.11% 0.0706 111.43) 15.625% 18.750%, oklch(62.54% 0.0744 116.32) 18.750% 21.875%, oklch(60.95% 0.0780 121.31) 21.875% 25.000%, oklch(59.36% 0.0811 126.30) 25.000% 28.125%, oklch(57.82% 0.0835 131.15) 28.125% 31.250%, oklch(56.36% 0.0851 135.74) 31.250% 34.375%, oklch(55.00% 0.0858 140.07) 34.375% 37.500%, oklch(53.65% 0.0857 144.44) 37.500% 40.625%, oklch(52.30% 0.0850 148.83) 40.625% 43.750%, oklch(50.95% 0.0838 153.25) 43.750% 46.875%, oklch(49.61% 0.0822 157.65) 46.875% 50.000%, oklch(48.27% 0.0803 162.04) 50.000% 53.125%, oklch(46.94% 0.0782 166.38) 53.125% 56.250%, oklch(45.62% 0.0760 170.65) 56.250% 59.375%, oklch(44.30% 0.0738 174.84) 59.375% 62.500%, oklch(42.99% 0.0716 178.92) 62.500% 65.625%, oklch(41.69% 0.0696 182.90) 65.625% 68.750%, oklch(40.32% 0.0674 186.98) 68.750% 71.875%, oklch(38.88% 0.0648 191.16) 71.875% 75.000%, oklch(37.42% 0.0621 195.36) 75.000% 78.125%, oklch(35.96% 0.0593 199.50) 78.125% 81.250%, oklch(34.54% 0.0565 203.50) 81.250% 84.375%, oklch(33.18% 0.0537 207.28) 84.375% 87.500%, oklch(31.93% 0.0511 210.75) 87.500% 90.625%, oklch(30.82% 0.0489 213.85) 90.625% 93.750%, oklch(29.87% 0.0469 216.48) 93.750% 96.875%, oklch(29.13% 0.0455 218.57) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.055 | 92.8 |
| 2 | 0.559 | 0.085 | 137.2 |
| 3 | 0.421 | 0.07 | 181.6 |
| 4 | 0.291 | 0.045 | 218.6 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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