# Orange and crimson color palette

The Orange and crimson color palette brings together pale orange, red, and light orange. The colors span a narrow 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: Analogous peach and red radial gradient
- Seed: `kS5Swq1Ew8uwdQg`
- Page: https://grabient.com/kS5Swq1Ew8uwdQg?style=radialGradient&steps=32&angle=300
- Drawn as: radial gradient, 32 steps, 300 degrees
- Kinds: vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#fed6b7` | `oklch(90.16% 0.0606 59.77)` | Curtsy | black, 15.4 to 1 |
| 2 | `#fed1b0` | `oklch(89.20% 0.0666 58.68)` | Papaya Whip | black, 15 to 1 |
| 3 | `#fecca7` | `oklch(87.92% 0.0746 57.24)` | Light Saffron Orange | black, 14.3 to 1 |
| 4 | `#fec49d` | `oklch(86.37% 0.0843 55.49)` | Esprit Peach | black, 13.6 to 1 |
| 5 | `#febc91` | `oklch(84.61% 0.0953 53.50)` | Fuzzy Peach | black, 12.8 to 1 |
| 6 | `#feb285` | `oklch(82.68% 0.1074 51.33)` | Coral Dusk | black, 11.9 to 1 |
| 7 | `#ffa878` | `oklch(80.64% 0.1202 49.04)` | Larch Bolete | black, 11 to 1 |
| 8 | `#fe9d6c` | `oklch(78.54% 0.1333 46.68)` | Fresh Cantaloupe | black, 10.2 to 1 |
| 9 | `#fe9160` | `oklch(76.45% 0.1464 44.32)` | Pink Orange | black, 9.4 to 1 |
| 10 | `#fe8655` | `oklch(74.41% 0.1591 42.00)` | Nectarine | black, 8.7 to 1 |
| 11 | `#fd7a4b` | `oklch(72.47% 0.1712 39.80)` | Precious Persimmon | black, 8 to 1 |
| 12 | `#fc6f43` | `oklch(70.69% 0.1821 37.77)` | Carrot | black, 7.5 to 1 |
| 13 | `#fb653c` | `oklch(69.13% 0.1917 35.96)` | Halloween | black, 7 to 1 |
| 14 | `#fa5c37` | `oklch(67.84% 0.1996 34.44)` | Orange Soda | black, 6.6 to 1 |
| 15 | `#f95534` | `oklch(66.87% 0.2054 33.27)` | Hot Embers | black, 6.3 to 1 |
| 16 | `#f85133` | `oklch(66.28% 0.2088 32.50)` | Benihi Red | black, 6.2 to 1 |
| 17 | `#f85033` | `oklch(66.11% 0.2094 32.19)` | Benihi Red | black, 6.1 to 1 |
| 18 | `#f85235` | `oklch(66.36% 0.2074 32.31)` | Benihi Red | black, 6.2 to 1 |
| 19 | `#f85638` | `oklch(66.96% 0.2029 32.81)` | Orange Soda | black, 6.4 to 1 |
| 20 | `#f95d3d` | `oklch(67.88% 0.1965 33.63)` | Orange Soda | black, 6.6 to 1 |
| 21 | `#f96642` | `oklch(69.06% 0.1883 34.72)` | Halloween | black, 7 to 1 |
| 22 | `#fa6f49` | `oklch(70.45% 0.1788 36.04)` | Outrageous Orange | black, 7.4 to 1 |
| 23 | `#fb7951` | `oklch(72.00% 0.1682 37.53)` | Rinsed-Out Red | black, 7.9 to 1 |
| 24 | `#fb835a` | `oklch(73.66% 0.1569 39.14)` | Ballet Cream | black, 8.4 to 1 |
| 25 | `#fb8d64` | `oklch(75.39% 0.1452 40.82)` | After Burn | black, 9 to 1 |
| 26 | `#fb976e` | `oklch(77.13% 0.1334 42.52)` | Autumn Arrival | black, 9.7 to 1 |
| 27 | `#fba078` | `oklch(78.83% 0.1219 44.19)` | Dwarven Peaches | black, 10.3 to 1 |
| 28 | `#fba882` | `oklch(80.44% 0.1110 45.77)` | Sunset Peach | black, 11 to 1 |
| 29 | `#fbb08b` | `oklch(81.92% 0.1010 47.22)` | Orange Grove | black, 11.6 to 1 |
| 30 | `#fab693` | `oklch(83.21% 0.0923 48.49)` | Melon Sorbet | black, 12.2 to 1 |
| 31 | `#fabc9a` | `oklch(84.27% 0.0852 49.51)` | Apricot Iced Tea | black, 12.6 to 1 |
| 32 | `#f9bf9f` | `oklch(85.04% 0.0799 50.25)` | Coral Blossom | black, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fed6b7 0.0%, #fed1b0 3.2%, #fecca7 6.5%, #fec49d 9.7%, #febc91 12.9%, #feb285 16.1%, #ffa878 19.4%, #fe9d6c 22.6%, #fe9160 25.8%, #fe8655 29.0%, #fd7a4b 32.3%, #fc6f43 35.5%, #fb653c 38.7%, #fa5c37 41.9%, #f95534 45.2%, #f85133 48.4%, #f85033 51.6%, #f85235 54.8%, #f85638 58.1%, #f95d3d 61.3%, #f96642 64.5%, #fa6f49 67.7%, #fb7951 71.0%, #fb835a 74.2%, #fb8d64 77.4%, #fb976e 80.6%, #fba078 83.9%, #fba882 87.1%, #fbb08b 90.3%, #fab693 93.5%, #fabc9a 96.8%, #f9bf9f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0606 59.77) 0.0%, oklch(89.20% 0.0666 58.68) 3.2%, oklch(87.92% 0.0746 57.24) 6.5%, oklch(86.37% 0.0843 55.49) 9.7%, oklch(84.61% 0.0953 53.50) 12.9%, oklch(82.68% 0.1074 51.33) 16.1%, oklch(80.64% 0.1202 49.04) 19.4%, oklch(78.54% 0.1333 46.68) 22.6%, oklch(76.45% 0.1464 44.32) 25.8%, oklch(74.41% 0.1591 42.00) 29.0%, oklch(72.47% 0.1712 39.80) 32.3%, oklch(70.69% 0.1821 37.77) 35.5%, oklch(69.13% 0.1917 35.96) 38.7%, oklch(67.84% 0.1996 34.44) 41.9%, oklch(66.87% 0.2054 33.27) 45.2%, oklch(66.28% 0.2088 32.50) 48.4%, oklch(66.11% 0.2094 32.19) 51.6%, oklch(66.36% 0.2074 32.31) 54.8%, oklch(66.96% 0.2029 32.81) 58.1%, oklch(67.88% 0.1965 33.63) 61.3%, oklch(69.06% 0.1883 34.72) 64.5%, oklch(70.45% 0.1788 36.04) 67.7%, oklch(72.00% 0.1682 37.53) 71.0%, oklch(73.66% 0.1569 39.14) 74.2%, oklch(75.39% 0.1452 40.82) 77.4%, oklch(77.13% 0.1334 42.52) 80.6%, oklch(78.83% 0.1219 44.19) 83.9%, oklch(80.44% 0.1110 45.77) 87.1%, oklch(81.92% 0.1010 47.22) 90.3%, oklch(83.21% 0.0923 48.49) 93.5%, oklch(84.27% 0.0852 49.51) 96.8%, oklch(85.04% 0.0799 50.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.061 | 59.8 |
| 2 | 0.661 | 0.209 | 32.3 |
| 3 | 0.85 | 0.08 | 50.3 |

## In these collections

- [Persimmon swatches](https://grabient.com/persimmon-swatches)
- [Coral color palette](https://grabient.com/coral-color-palette)
- [Persimmon gradients](https://grabient.com/persimmon-gradients)

## Other forms

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