# Crimson and orange persimmon palette

The Crimson and orange persimmon palette brings together red, pale orange, light orange, and orange. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Warm red, salmon, beige and peach linear swatches
- Seed: `kYl5IX1MpAd27P_3jEG7h7AOQwPw`
- Page: https://grabient.com/kYl5IX1MpAd27P_3jEG7h7AOQwPw?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#dc3d1c` | `oklch(59.45% 0.2012 33.05)` | Furnace | black, 4.7 to 1 |
| 2 | `#f65722` | `oklch(66.54% 0.2039 37.27)` | Tomato Concassé | black, 6.3 to 1 |
| 3 | `#fe805b` | `oklch(73.62% 0.1626 37.27)` | Ballet Cream | black, 8.4 to 1 |
| 4 | `#ffe6d8` | `oklch(94.09% 0.0331 52.07)` | Light Peach Rose | black, 17.5 to 1 |
| 5 | `#ffc59f` | `oklch(86.61% 0.0833 54.19)` | Esprit Peach | black, 13.7 to 1 |
| 6 | `#ff9e6d` | `oklch(78.74% 0.1323 46.78)` | Fresh Cantaloupe | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(270deg, #dc3d1c 0.000% 16.667%, #f65722 16.667% 33.333%, #fe805b 33.333% 50.000%, #ffe6d8 50.000% 66.667%, #ffc59f 66.667% 83.333%, #ff9e6d 83.333% 100.000%);
background: linear-gradient(270deg, oklch(59.45% 0.2012 33.05) 0.000% 16.667%, oklch(66.54% 0.2039 37.27) 16.667% 33.333%, oklch(73.62% 0.1626 37.27) 33.333% 50.000%, oklch(94.09% 0.0331 52.07) 50.000% 66.667%, oklch(86.61% 0.0833 54.19) 66.667% 83.333%, oklch(78.74% 0.1323 46.78) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.201 | 33 |
| 2 | 0.665 | 0.204 | 37.3 |
| 3 | 0.736 | 0.163 | 37.3 |
| 4 | 0.941 | 0.033 | 52.1 |
| 5 | 0.866 | 0.084 | 54.2 |
| 6 | 0.787 | 0.132 | 46.8 |

## In these collections

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

## Other forms

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