# Orange and crimson color palette

The Orange and crimson color palette brings together orange and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is orange.

- Also called: Vivid monochrome peach to orange linear gradient
- Seed: `kSxFkjSzw-d64QY`
- Page: https://grabient.com/kSxFkjSzw-d64QY?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#f49c6c` | `oklch(77.17% 0.1226 49.22)` | Burning Coals | black, 9.8 to 1 |
| 2 | `#f29969` | `oklch(76.44% 0.1243 48.71)` | Brown Sand | black, 9.5 to 1 |
| 3 | `#f09565` | `oklch(75.47% 0.1264 48.01)` | Sawtooth Aak | black, 9.2 to 1 |
| 4 | `#ee9161` | `oklch(74.29% 0.1290 47.16)` | Chinese Lantern | black, 8.8 to 1 |
| 5 | `#eb8b5c` | `oklch(72.95% 0.1320 46.19)` | Heat of Summer | black, 8.3 to 1 |
| 6 | `#e78557` | `oklch(71.48% 0.1351 45.14)` | Orangevale | black, 7.9 to 1 |
| 7 | `#e47f52` | `oklch(69.93% 0.1385 44.02)` | Tangerine Flake | black, 7.4 to 1 |
| 8 | `#e1794d` | `oklch(68.34% 0.1420 42.88)` | Jaffa | black, 7 to 1 |
| 9 | `#dd7247` | `oklch(66.76% 0.1456 41.74)` | Knockout Orange | black, 6.5 to 1 |
| 10 | `#d96c42` | `oklch(65.21% 0.1491 40.64)` | Bonfire Night | black, 6.1 to 1 |
| 11 | `#d6653d` | `oklch(63.75% 0.1524 39.60)` | Flint Corn Red | black, 5.8 to 1 |
| 12 | `#d36039` | `oklch(62.41% 0.1556 38.67)` | Vermilion Waxcap | black, 5.4 to 1 |
| 13 | `#d05a35` | `oklch(61.24% 0.1585 37.86)` | Chilean Fire | black, 5.2 to 1 |
| 14 | `#ce5632` | `oklch(60.28% 0.1610 37.22)` | Bronze Satin | black, 5 to 1 |
| 15 | `#cd532f` | `oklch(59.56% 0.1632 36.78)` | Bronze Satin | black, 4.8 to 1 |
| 16 | `#cc512d` | `oklch(59.14% 0.1648 36.55)` | Orange Keeper | black, 4.7 to 1 |
| 17 | `#cc502c` | `oklch(59.05% 0.1658 36.59)` | Orange Keeper | black, 4.7 to 1 |
| 18 | `#cd512b` | `oklch(59.28% 0.1664 36.88)` | Orange Keeper | black, 4.7 to 1 |
| 19 | `#cf522b` | `oklch(59.80% 0.1665 37.40)` | Bronze Satin | black, 4.9 to 1 |
| 20 | `#d1552c` | `oklch(60.56% 0.1663 38.12)` | Bronze Satin | black, 5 to 1 |
| 21 | `#d4592d` | `oklch(61.53% 0.1658 39.01)` | Obstinate Orange | black, 5.2 to 1 |
| 22 | `#d75d2f` | `oklch(62.66% 0.1650 40.02)` | Vermilion Waxcap | black, 5.5 to 1 |
| 23 | `#db6231` | `oklch(63.91% 0.1640 41.13)` | Tangerine Bliss | black, 5.8 to 1 |
| 24 | `#df6834` | `oklch(65.26% 0.1628 42.31)` | Harvest Haze | black, 6.1 to 1 |
| 25 | `#e36d36` | `oklch(66.65% 0.1616 43.53)` | Lava Pit | black, 6.5 to 1 |
| 26 | `#e77339` | `oklch(68.05% 0.1603 44.74)` | Camel Red | black, 6.8 to 1 |
| 27 | `#ea783c` | `oklch(69.41% 0.1590 45.93)` | Salsa Sizzle | black, 7.2 to 1 |
| 28 | `#ee7d3f` | `oklch(70.71% 0.1577 47.05)` | Mustard Crusted Salmon | black, 7.6 to 1 |
| 29 | `#f18242` | `oklch(71.90% 0.1566 48.08)` | Mustard Crusted Salmon | black, 8 to 1 |
| 30 | `#f48645` | `oklch(72.94% 0.1556 48.98)` | Hot Orange | black, 8.3 to 1 |
| 31 | `#f68947` | `oklch(73.79% 0.1548 49.73)` | Hot Orange | black, 8.5 to 1 |
| 32 | `#f88c48` | `oklch(74.41% 0.1543 50.28)` | Blaze | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #f49c6c 0.0%, #f29969 3.2%, #f09565 6.5%, #ee9161 9.7%, #eb8b5c 12.9%, #e78557 16.1%, #e47f52 19.4%, #e1794d 22.6%, #dd7247 25.8%, #d96c42 29.0%, #d6653d 32.3%, #d36039 35.5%, #d05a35 38.7%, #ce5632 41.9%, #cd532f 45.2%, #cc512d 48.4%, #cc502c 51.6%, #cd512b 54.8%, #cf522b 58.1%, #d1552c 61.3%, #d4592d 64.5%, #d75d2f 67.7%, #db6231 71.0%, #df6834 74.2%, #e36d36 77.4%, #e77339 80.6%, #ea783c 83.9%, #ee7d3f 87.1%, #f18242 90.3%, #f48645 93.5%, #f68947 96.8%, #f88c48 100.0%);
background: linear-gradient(315deg in oklch, oklch(77.17% 0.1226 49.22) 0.0%, oklch(76.44% 0.1243 48.71) 3.2%, oklch(75.47% 0.1264 48.01) 6.5%, oklch(74.29% 0.1290 47.16) 9.7%, oklch(72.95% 0.1320 46.19) 12.9%, oklch(71.48% 0.1351 45.14) 16.1%, oklch(69.93% 0.1385 44.02) 19.4%, oklch(68.34% 0.1420 42.88) 22.6%, oklch(66.76% 0.1456 41.74) 25.8%, oklch(65.21% 0.1491 40.64) 29.0%, oklch(63.75% 0.1524 39.60) 32.3%, oklch(62.41% 0.1556 38.67) 35.5%, oklch(61.24% 0.1585 37.86) 38.7%, oklch(60.28% 0.1610 37.22) 41.9%, oklch(59.56% 0.1632 36.78) 45.2%, oklch(59.14% 0.1648 36.55) 48.4%, oklch(59.05% 0.1658 36.59) 51.6%, oklch(59.28% 0.1664 36.88) 54.8%, oklch(59.80% 0.1665 37.40) 58.1%, oklch(60.56% 0.1663 38.12) 61.3%, oklch(61.53% 0.1658 39.01) 64.5%, oklch(62.66% 0.1650 40.02) 67.7%, oklch(63.91% 0.1640 41.13) 71.0%, oklch(65.26% 0.1628 42.31) 74.2%, oklch(66.65% 0.1616 43.53) 77.4%, oklch(68.05% 0.1603 44.74) 80.6%, oklch(69.41% 0.1590 45.93) 83.9%, oklch(70.71% 0.1577 47.05) 87.1%, oklch(71.90% 0.1566 48.08) 90.3%, oklch(72.94% 0.1556 48.98) 93.5%, oklch(73.79% 0.1548 49.73) 96.8%, oklch(74.41% 0.1543 50.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.123 | 49.2 |
| 2 | 0.591 | 0.165 | 36.5 |
| 3 | 0.744 | 0.154 | 50.3 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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