# Forest sage peach bands

Analogous dark green, tan and peach linear swatches with 13 colors: #333e00, #384b01, #405e13, #4b7128, #5b823e, #6f9155, #859f68, #9bac77, #b2b785, #c5c090, #d7c699, #e8ca9f, #f3cca5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous dark green, tan and peach linear swatches
- Seed: `kWVz9WQCjBVUeP5llzy7pi7w`
- Page: https://grabient.com/kWVz9WQCjBVUeP5llzy7pi7w?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.6 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 | `#333e00` | `oklch(34.25% 0.0822 120.96)` | Dark Olive | white, 11.4 to 1 |
| 2 | `#384b01` | `oklch(38.42% 0.0952 124.50)` | Godzilla | white, 9.5 to 1 |
| 3 | `#405e13` | `oklch(44.39% 0.1064 129.35)` | Rainforest Matcha | white, 7.3 to 1 |
| 4 | `#4b7128` | `oklch(50.39% 0.1116 132.56)` | Loren Forest | white, 5.6 to 1 |
| 5 | `#5b823e` | `oklch(56.01% 0.1056 133.50)` | Hot Pepper Green | black, 4.6 to 1 |
| 6 | `#6f9155` | `oklch(61.67% 0.0936 132.80)` | Forest Bound | black, 5.8 to 1 |
| 7 | `#859f68` | `oklch(66.93% 0.0827 129.39)` | Jack Bone | black, 7.1 to 1 |
| 8 | `#9bac77` | `oklch(71.74% 0.0747 122.31)` | Siamese Green | black, 8.5 to 1 |
| 9 | `#b2b785` | `oklch(76.16% 0.0677 112.52)` | Lima Green | black, 9.9 to 1 |
| 10 | `#c5c090` | `oklch(79.92% 0.0634 101.92)` | Lime Peel | black, 11.2 to 1 |
| 11 | `#d7c699` | `oklch(82.98% 0.0632 89.55)` | Parsnip | black, 12.4 to 1 |
| 12 | `#e8ca9f` | `oklch(85.39% 0.0656 76.36)` | Compatible Cream | black, 13.3 to 1 |
| 13 | `#f3cca5` | `oklch(87.01% 0.0675 67.04)` | Masala Chai | black, 14 to 1 |

## CSS

```css
background: linear-gradient(90deg, #333e00 0.000% 7.692%, #384b01 7.692% 15.385%, #405e13 15.385% 23.077%, #4b7128 23.077% 30.769%, #5b823e 30.769% 38.462%, #6f9155 38.462% 46.154%, #859f68 46.154% 53.846%, #9bac77 53.846% 61.538%, #b2b785 61.538% 69.231%, #c5c090 69.231% 76.923%, #d7c699 76.923% 84.615%, #e8ca9f 84.615% 92.308%, #f3cca5 92.308% 100.000%);
background: linear-gradient(90deg, oklch(34.25% 0.0822 120.96) 0.000% 7.692%, oklch(38.42% 0.0952 124.50) 7.692% 15.385%, oklch(44.39% 0.1064 129.35) 15.385% 23.077%, oklch(50.39% 0.1116 132.56) 23.077% 30.769%, oklch(56.01% 0.1056 133.50) 30.769% 38.462%, oklch(61.67% 0.0936 132.80) 38.462% 46.154%, oklch(66.93% 0.0827 129.39) 46.154% 53.846%, oklch(71.74% 0.0747 122.31) 53.846% 61.538%, oklch(76.16% 0.0677 112.52) 61.538% 69.231%, oklch(79.92% 0.0634 101.92) 69.231% 76.923%, oklch(82.98% 0.0632 89.55) 76.923% 84.615%, oklch(85.39% 0.0656 76.36) 84.615% 92.308%, oklch(87.01% 0.0675 67.04) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.087 | 120.9 |
| 2 | 0.504 | 0.112 | 132.6 |
| 3 | 0.669 | 0.083 | 129.4 |
| 4 | 0.799 | 0.063 | 101.9 |
| 5 | 0.87 | 0.068 | 67 |

## In these collections

- [Forest swatches](https://grabient.com/forest-swatches)

## Other forms

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