# Orange and crimson color palette

The Orange and crimson color palette brings together pale orange, light orange, red, and dark red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark red, and its lightest tone is pale orange.

- Also called: Analogous beige, pink and brown linear gradient
- Seed: `kW7ywzZKS8dGvPQ7oL7JhZCQ`
- Page: https://grabient.com/kW7ywzZKS8dGvPQ7oL7JhZCQ?steps=14&angle=99
- Drawn as: linear gradient, 14 steps, 99 degrees
- Kinds: light to dark, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#ffe7cb` | `oklch(94.09% 0.0449 71.73)` | Kansas Grain | black, 17.5 to 1 |
| 2 | `#ffd8b4` | `oklch(90.59% 0.0647 64.63)` | Sandy Tan | black, 15.7 to 1 |
| 3 | `#fcc19b` | `oklch(85.57% 0.0842 54.47)` | Blushing Cinnamon | black, 13.2 to 1 |
| 4 | `#f4ab8b` | `oklch(80.33% 0.0978 44.31)` | Salmon Slice | black, 11 to 1 |
| 5 | `#ed9780` | `oklch(75.73% 0.1094 35.86)` | Presidio Peach | black, 9.3 to 1 |
| 6 | `#e48377` | `oklch(71.24% 0.1214 27.75)` | Peach Posey | black, 7.8 to 1 |
| 7 | `#d87172` | `oklch(66.60% 0.1290 20.70)` | Lantana | black, 6.5 to 1 |
| 8 | `#c5626c` | `oklch(61.63% 0.1271 15.25)` | Triple Berry | black, 5.3 to 1 |
| 9 | `#ae5665` | `oklch(56.31% 0.1151 10.75)` | Kissed by a Zombies | white, 4.8 to 1 |
| 10 | `#954b5b` | `oklch(50.87% 0.0994 8.19)` | Haitian Flower | white, 6.1 to 1 |
| 11 | `#7f404c` | `oklch(45.49% 0.0869 8.94)` | Ruby Lips | white, 7.6 to 1 |
| 12 | `#693439` | `oklch(39.54% 0.0763 14.80)` | Dried Plum | white, 9.7 to 1 |
| 13 | `#552827` | `oklch(33.87% 0.0670 22.72)` | Worcestershire Sauce | white, 12.1 to 1 |
| 14 | `#47201c` | `oklch(29.92% 0.0606 28.39)` | Marmite | white, 14 to 1 |

## CSS

```css
background: linear-gradient(99deg, #ffe7cb 0.0%, #ffd8b4 7.7%, #fcc19b 15.4%, #f4ab8b 23.1%, #ed9780 30.8%, #e48377 38.5%, #d87172 46.2%, #c5626c 53.8%, #ae5665 61.5%, #954b5b 69.2%, #7f404c 76.9%, #693439 84.6%, #552827 92.3%, #47201c 100.0%);
background: linear-gradient(99deg in oklch, oklch(94.09% 0.0449 71.73) 0.0%, oklch(90.59% 0.0647 64.63) 7.7%, oklch(85.57% 0.0842 54.47) 15.4%, oklch(80.33% 0.0978 44.31) 23.1%, oklch(75.73% 0.1094 35.86) 30.8%, oklch(71.24% 0.1214 27.75) 38.5%, oklch(66.60% 0.1290 20.70) 46.2%, oklch(61.63% 0.1271 15.25) 53.8%, oklch(56.31% 0.1151 10.75) 61.5%, oklch(50.87% 0.0994 8.19) 69.2%, oklch(45.49% 0.0869 8.94) 76.9%, oklch(39.54% 0.0763 14.80) 84.6%, oklch(33.87% 0.0670 22.72) 92.3%, oklch(29.92% 0.0606 28.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.061 | 71.7 |
| 2 | 0.791 | 0.101 | 42.1 |
| 3 | 0.642 | 0.13 | 17.8 |
| 4 | 0.469 | 0.09 | 8.3 |
| 5 | 0.299 | 0.061 | 28.4 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)
- [Golden hour gradients](https://grabient.com/golden-hour-gradients)

## Other forms

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