# Sand teal rust wedges

These six angular wedges move from pale sand through muted teal, dark forest, soft olive, rust, and slate blue. The route spans light neutral, plant, water, clay, and stone colors without losing its subdued natural character. Use it for trail guides, sustainable product packaging, or landscape infographics that need several clearly differentiated categories.

- Also called: Beige, dark gray, green and gray angular swatches
- Seed: `kY7B0-wJPMyWHPLZn7qRi81ksMMU`
- Page: https://grabient.com/kY7B0-wJPMyWHPLZn7qRi81ksMMU?style=angularSwatches&steps=6&angle=28
- Drawn as: angular swatches, 6 steps, 28 degrees
- Kinds: dark center, muted, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.1 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 | `#f3e7ca` | `oklch(92.91% 0.0400 87.89)` | Sphere | black, 17 to 1 |
| 2 | `#3e6f70` | `oklch(50.79% 0.0537 196.74)` | Peabody | white, 5.6 to 1 |
| 3 | `#23302b` | `oklch(29.53% 0.0193 169.26)` | Ardósia | white, 13.7 to 1 |
| 4 | `#95a96c` | `oklch(70.47% 0.0868 123.82)` | Green Tea Mochi | black, 8.1 to 1 |
| 5 | `#b05238` | `oklch(55.12% 0.1295 36.11)` | Crimson Warrior | white, 5.1 to 1 |
| 6 | `#767d92` | `oklch(59.06% 0.0331 272.47)` | Soulful Blue | black, 5.1 to 1 |

## CSS

```css
background: conic-gradient(from 28deg, #f3e7ca 0.000% 16.667%, #3e6f70 16.667% 33.333%, #23302b 33.333% 50.000%, #95a96c 50.000% 66.667%, #b05238 66.667% 83.333%, #767d92 83.333% 100.000%);
background: conic-gradient(from 28deg, oklch(92.91% 0.0400 87.89) 0.000% 16.667%, oklch(50.79% 0.0537 196.74) 16.667% 33.333%, oklch(29.53% 0.0193 169.26) 33.333% 50.000%, oklch(70.47% 0.0868 123.82) 50.000% 66.667%, oklch(55.12% 0.1295 36.11) 66.667% 83.333%, oklch(59.06% 0.0331 272.47) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.04 | 87.9 |
| 2 | 0.508 | 0.054 | 196.7 |
| 3 | 0.295 | 0.019 | 169.3 |
| 4 | 0.705 | 0.087 | 123.8 |
| 5 | 0.551 | 0.13 | 36.1 |
| 6 | 0.591 | 0.033 | -87.5 |

## In these collections

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

## Other forms

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