# Cream Olive Forest Green

These linear swatch bands move through cream, olive, forest green, olive, and sage in its saved order. The complete composition preserves clear value changes and balanced color weight across every visible area.

- Also called: Off-white, olive, dark green and tan linear swatches
- Seed: `kW8BdQRhhCrIVQ3Dlbl2Jq8w`
- Page: https://grabient.com/kW8BdQRhhCrIVQ3Dlbl2Jq8w?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#edefd8` | `oklch(94.49% 0.0317 112.50)` | Memoir | black, 17.9 to 1 |
| 2 | `#617b54` | `oklch(55.12% 0.0661 135.75)` | Garden Club | white, 4.7 to 1 |
| 3 | `#24503e` | `oklch(39.37% 0.0579 165.34)` | Hunt Club | white, 9.1 to 1 |
| 4 | `#6e7047` | `oklch(53.15% 0.0593 110.39)` | Classic Avocado | white, 5.1 to 1 |
| 5 | `#b39a68` | `oklch(69.69% 0.0730 83.97)` | Golden Moss | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #edefd8 0.000% 20.000%, #617b54 20.000% 40.000%, #24503e 40.000% 60.000%, #6e7047 60.000% 80.000%, #b39a68 80.000% 100.000%);
background: linear-gradient(45deg, oklch(94.49% 0.0317 112.50) 0.000% 20.000%, oklch(55.12% 0.0661 135.75) 20.000% 40.000%, oklch(39.37% 0.0579 165.34) 40.000% 60.000%, oklch(53.15% 0.0593 110.39) 60.000% 80.000%, oklch(69.69% 0.0730 83.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.032 | 112.5 |
| 2 | 0.551 | 0.066 | 135.7 |
| 3 | 0.394 | 0.058 | 165.3 |
| 4 | 0.531 | 0.059 | 110.4 |
| 5 | 0.697 | 0.073 | 84 |

## In these collections

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

## Other forms

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