# Forest sage clay wedges

These six angular wedges move from near-black forest through pale sage, sand cream, clay red, muted sky blue, and charcoal plum. Each band remains distinct, combining plant tones and mineral colors with both pale relief and dark anchors. Use the set for conservation graphics, artisan packaging, or outdoor editorial design that needs a broad natural spectrum without bright synthetic color.

- Also called: Dark green, beige and dark gray angular swatches
- Seed: `kYTRVrao2-vEQuZHMjnyRetSWFSS`
- Page: https://grabient.com/kYTRVrao2-vEQuZHMjnyRetSWFSS?style=angularSwatches&steps=6&angle=229
- Drawn as: angular swatches, 6 steps, 229 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 10 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 | `#243327` | `oklch(30.31% 0.0289 150.47)` | Mussel Green | white, 13.3 to 1 |
| 2 | `#bed0ba` | `oklch(83.86% 0.0372 139.90)` | Sunlit Sea | black, 12.9 to 1 |
| 3 | `#e8d9b9` | `oklch(88.98% 0.0455 86.01)` | At the Beach | black, 15 to 1 |
| 4 | `#b65137` | `oklch(55.91% 0.1378 35.28)` | Hot Chilli | white, 4.9 to 1 |
| 5 | `#537f9b` | `oklch(57.48% 0.0648 237.83)` | Flattering Blue | black, 4.8 to 1 |
| 6 | `#2f2b31` | `oklch(29.53% 0.0138 316.03)` | Bastille | white, 13.9 to 1 |

## CSS

```css
background: conic-gradient(from 229deg, #243327 0.000% 16.667%, #bed0ba 16.667% 33.333%, #e8d9b9 33.333% 50.000%, #b65137 50.000% 66.667%, #537f9b 66.667% 83.333%, #2f2b31 83.333% 100.000%);
background: conic-gradient(from 229deg, oklch(30.31% 0.0289 150.47) 0.000% 16.667%, oklch(83.86% 0.0372 139.90) 16.667% 33.333%, oklch(88.98% 0.0455 86.01) 33.333% 50.000%, oklch(55.91% 0.1378 35.28) 50.000% 66.667%, oklch(57.48% 0.0648 237.83) 66.667% 83.333%, oklch(29.53% 0.0138 316.03) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.029 | 150.5 |
| 2 | 0.839 | 0.037 | 139.9 |
| 3 | 0.89 | 0.045 | 86 |
| 4 | 0.559 | 0.138 | 35.3 |
| 5 | 0.575 | 0.065 | -122.2 |
| 6 | 0.295 | 0.014 | -44 |

## In these collections

- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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