# Orange and ochre harvest palette

The Orange and ochre harvest palette brings together orange, green, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is green, and its lightest tone is gold.

- Also called: Orange, brown, dark green and tan angular swatches
- Seed: `kUtW8pTDW9rabTNkqrkA`
- Page: https://grabient.com/kUtW8pTDW9rabTNkqrkA?style=angularSwatches&steps=4&angle=135
- Drawn as: angular swatches, 4 steps, 135 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4 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 | `#e8862e` | `oklch(71.26% 0.1530 57.66)` | Carnival | black, 7.8 to 1 |
| 2 | `#c75b37` | `oklch(59.84% 0.1474 38.63)` | Cold Brew Tonic | black, 4.9 to 1 |
| 3 | `#315b37` | `oklch(42.91% 0.0744 147.48)` | Parsley | white, 7.8 to 1 |
| 4 | `#d9b75c` | `oklch(79.13% 0.1171 89.36)` | Strike It Rich | black, 10.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #e8862e 0.000% 25.000%, #c75b37 25.000% 50.000%, #315b37 50.000% 75.000%, #d9b75c 75.000% 100.000%);
background: conic-gradient(from 135deg, oklch(71.26% 0.1530 57.66) 0.000% 25.000%, oklch(59.84% 0.1474 38.63) 25.000% 50.000%, oklch(42.91% 0.0744 147.48) 50.000% 75.000%, oklch(79.13% 0.1171 89.36) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.713 | 0.153 | 57.7 |
| 2 | 0.598 | 0.147 | 38.6 |
| 3 | 0.429 | 0.074 | 147.5 |
| 4 | 0.791 | 0.117 | 89.4 |

## In these collections

- [Harvest swatches](https://grabient.com/harvest-swatches)

## Other forms

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