# Orange persimmon palette

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

- Also called: Analogous peach, brown and orange radial swatches
- Seed: `kY30IwXzy-VHDvo2pL-xjlANs4Qe`
- Page: https://grabient.com/kY30IwXzy-VHDvo2pL-xjlANs4Qe?style=radialSwatches&steps=6&angle=225
- Drawn as: radial swatches, 6 steps, 225 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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 | `#ffcc97` | `oklch(87.79% 0.0897 67.51)` | Tangerine Silk | black, 14.3 to 1 |
| 2 | `#fc8b34` | `oklch(74.80% 0.1667 53.76)` | Kanzō Orange | black, 8.9 to 1 |
| 3 | `#e55b13` | `oklch(64.17% 0.1860 42.14)` | Tobiko Orange | black, 5.8 to 1 |
| 4 | `#7c3921` | `oklch(42.91% 0.1006 40.02)` | Bootstrap Leather | white, 8.5 to 1 |
| 5 | `#ba4a12` | `oklch(55.12% 0.1571 42.14)` | Bolognese | white, 5.1 to 1 |
| 6 | `#e9882b` | `oklch(71.65% 0.1543 59.05)` | Carnival | black, 8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffcc97 0.000% 16.667%, #fc8b34 16.667% 33.333%, #e55b13 33.333% 50.000%, #7c3921 50.000% 66.667%, #ba4a12 66.667% 83.333%, #e9882b 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.79% 0.0897 67.51) 0.000% 16.667%, oklch(74.80% 0.1667 53.76) 16.667% 33.333%, oklch(64.17% 0.1860 42.14) 33.333% 50.000%, oklch(42.91% 0.1006 40.02) 50.000% 66.667%, oklch(55.12% 0.1571 42.14) 66.667% 83.333%, oklch(71.65% 0.1543 59.05) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.091 | 67.5 |
| 2 | 0.748 | 0.167 | 53.8 |
| 3 | 0.642 | 0.186 | 42.1 |
| 4 | 0.429 | 0.101 | 40 |
| 5 | 0.551 | 0.157 | 42.1 |
| 6 | 0.717 | 0.154 | 59 |

## In these collections

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

## Other forms

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