# Olive and orange persimmon palette

The Olive and orange persimmon palette brings together green, orange, light orange, and pale orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale orange.

- Also called: Dark green, orange and beige linear swatches
- Seed: `kWVjNgPSC-1VMNdkoMIc4s_4`
- Page: https://grabient.com/kWVjNgPSC-1VMNdkoMIc4s_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.7 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 | `#273f18` | `oklch(33.86% 0.0703 135.00)` | Myrtle | white, 11.5 to 1 |
| 2 | `#52662a` | `oklch(48.03% 0.0896 125.49)` | Tabbouleh Green | white, 6.3 to 1 |
| 3 | `#f95803` | `oklch(66.93% 0.2094 39.89)` | Orange Tiger | black, 6.4 to 1 |
| 4 | `#e7ad81` | `oklch(79.13% 0.0896 57.86)` | Melting Sunset | black, 10.6 to 1 |
| 5 | `#f1ddce` | `oklch(90.94% 0.0303 57.86)` | Peachtree | black, 15.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #273f18 0.000% 20.000%, #52662a 20.000% 40.000%, #f95803 40.000% 60.000%, #e7ad81 60.000% 80.000%, #f1ddce 80.000% 100.000%);
background: linear-gradient(90deg, oklch(33.86% 0.0703 135.00) 0.000% 20.000%, oklch(48.03% 0.0896 125.49) 20.000% 40.000%, oklch(66.93% 0.2094 39.89) 40.000% 60.000%, oklch(79.13% 0.0896 57.86) 60.000% 80.000%, oklch(90.94% 0.0303 57.86) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.07 | 135 |
| 2 | 0.48 | 0.09 | 125.5 |
| 3 | 0.669 | 0.209 | 39.9 |
| 4 | 0.791 | 0.09 | 57.9 |
| 5 | 0.909 | 0.03 | 57.9 |

## In these collections

- [Persimmon swatches](https://grabient.com/persimmon-swatches)

## Other forms

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