# Ochre, charcoal and terracotta mushroom foraging basket

The Ochre, charcoal and terracotta mushroom foraging basket brings together orange and gray. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is orange.

- Also called: Tan, gray and brown linear swatches
- Seed: `kWvC47RwnFK0BtWyHUAzKvBY`
- Page: https://grabient.com/kWvC47RwnFK0BtWyHUAzKvBY?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: dark center, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5 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 | `#bea87d` | `oklch(74.02% 0.0634 82.97)` | Sonora Hills | black, 9 to 1 |
| 2 | `#7b846f` | `oklch(59.97% 0.0332 126.29)` | Cactus Garden | black, 5.3 to 1 |
| 3 | `#4f4d4a` | `oklch(41.98% 0.0052 73.94)` | Subterrain Kingdom | white, 8.4 to 1 |
| 4 | `#473430` | `oklch(34.44% 0.0291 32.38)` | Pawn Broker | white, 11.6 to 1 |
| 5 | `#783c23` | `oklch(42.79% 0.0908 42.76)` | Kara Cha Brown | white, 8.4 to 1 |
| 6 | `#b86b34` | `oklch(60.24% 0.1199 53.38)` | Mincemeat | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bea87d 0.000% 16.667%, #7b846f 16.667% 33.333%, #4f4d4a 33.333% 50.000%, #473430 50.000% 66.667%, #783c23 66.667% 83.333%, #b86b34 83.333% 100.000%);
background: linear-gradient(135deg, oklch(74.02% 0.0634 82.97) 0.000% 16.667%, oklch(59.97% 0.0332 126.29) 16.667% 33.333%, oklch(41.98% 0.0052 73.94) 33.333% 50.000%, oklch(34.44% 0.0291 32.38) 50.000% 66.667%, oklch(42.79% 0.0908 42.76) 66.667% 83.333%, oklch(60.24% 0.1199 53.38) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.063 | 83 |
| 2 | 0.559 | 0.026 | 127.4 |
| 3 | 0.354 | 0.004 | 38.6 |
| 4 | 0.394 | 0.08 | 40.7 |
| 5 | 0.602 | 0.12 | 53.4 |

## In these collections

- [Mushroom foraging basket](https://grabient.com/mushroom-foraging-basket)

## Other forms

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