# Crimson, orange and ochre bright palette

The Crimson, orange and ochre bright palette brings together red, orange, and gold. The colors span a moderate 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 gold.

- Also called: Vivid red, orange and yellow radial gradient
- Seed: `kSh5MMU7xDui2Ra`
- Page: https://grabient.com/kSh5MMU7xDui2Ra?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.3 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 | `#c61640` | `oklch(53.15% 0.2026 16.88)` | Ski Patrol | white, 5.8 to 1 |
| 2 | `#c71b3e` | `oklch(53.60% 0.2012 17.99)` | True Red | white, 5.7 to 1 |
| 3 | `#c9203d` | `oklch(54.13% 0.1994 19.29)` | True Red | white, 5.5 to 1 |
| 4 | `#ca263b` | `oklch(54.74% 0.1974 20.76)` | Cherry Sangria | white, 5.4 to 1 |
| 5 | `#cc2c39` | `oklch(55.41% 0.1951 22.39)` | Mars Red | white, 5.2 to 1 |
| 6 | `#ce3137` | `oklch(56.14% 0.1926 24.16)` | Madder Lake | white, 5.1 to 1 |
| 7 | `#d03735` | `oklch(56.93% 0.1899 26.07)` | Chef’s Kiss | white, 4.9 to 1 |
| 8 | `#d13d33` | `oklch(57.76% 0.1871 28.09)` | Blade Runner Red | white, 4.7 to 1 |
| 9 | `#d34231` | `oklch(58.64% 0.1843 30.23)` | Scarlet Rebels | black, 4.6 to 1 |
| 10 | `#d5482f` | `oklch(59.54% 0.1814 32.47)` | Scarlet Rebels | black, 4.7 to 1 |
| 11 | `#d74e2c` | `oklch(60.48% 0.1785 34.79)` | Crab Curry | black, 5 to 1 |
| 12 | `#d8542a` | `oklch(61.43% 0.1758 37.19)` | Obstinate Orange | black, 5.2 to 1 |
| 13 | `#da5928` | `oklch(62.39% 0.1731 39.65)` | War Paint Red | black, 5.4 to 1 |
| 14 | `#dc5f25` | `oklch(63.36% 0.1706 42.16)` | Vivid Red Tangelo | black, 5.6 to 1 |
| 15 | `#dd6423` | `oklch(64.32% 0.1683 44.71)` | Hot Hazel | black, 5.9 to 1 |
| 16 | `#de6920` | `oklch(65.28% 0.1663 47.28)` | Fading Ember | black, 6.1 to 1 |
| 17 | `#e06f1d` | `oklch(66.23% 0.1645 49.91)` | Lusty Orange | black, 6.4 to 1 |
| 18 | `#e1741a` | `oklch(67.26% 0.1629 52.82)` | Martian Colony | black, 6.7 to 1 |
| 19 | `#e27a16` | `oklch(68.37% 0.1613 55.99)` | First of Fall | black, 7 to 1 |
| 20 | `#e38012` | `oklch(69.54% 0.1599 59.37)` | Sports Fan | black, 7.3 to 1 |
| 21 | `#e4870e` | `oklch(70.76% 0.1585 62.91)` | Fulvous | black, 7.7 to 1 |
| 22 | `#e58d0c` | `oklch(72.00% 0.1573 66.55)` | Hotter Butter | black, 8.1 to 1 |
| 23 | `#e5940d` | `oklch(73.25% 0.1561 70.25)` | Autumn Yellow | black, 8.6 to 1 |
| 24 | `#e69b10` | `oklch(74.49% 0.1550 73.95)` | Gamboge | black, 9 to 1 |
| 25 | `#e5a216` | `oklch(75.72% 0.1540 77.59)` | Orange Sulphur | black, 9.4 to 1 |
| 26 | `#e5a81c` | `oklch(76.90% 0.1531 81.13)` | Dried Goldenrod | black, 9.9 to 1 |
| 27 | `#e4ae23` | `oklch(78.03% 0.1522 84.51)` | Urobilin | black, 10.3 to 1 |
| 28 | `#e4b42a` | `oklch(79.09% 0.1514 87.68)` | Kogane Gold | black, 10.8 to 1 |
| 29 | `#e3b930` | `oklch(80.06% 0.1507 90.58)` | Solarium | black, 11.2 to 1 |
| 30 | `#e2be36` | `oklch(80.93% 0.1500 93.17)` | Durian Yellow | black, 11.6 to 1 |
| 31 | `#e1c13b` | `oklch(81.68% 0.1494 95.39)` | Finger Banana | black, 11.9 to 1 |
| 32 | `#e0c540` | `oklch(82.28% 0.1488 97.19)` | Cotton Candy Grape | black, 12.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c61640 0.0%, #c71b3e 3.2%, #c9203d 6.5%, #ca263b 9.7%, #cc2c39 12.9%, #ce3137 16.1%, #d03735 19.4%, #d13d33 22.6%, #d34231 25.8%, #d5482f 29.0%, #d74e2c 32.3%, #d8542a 35.5%, #da5928 38.7%, #dc5f25 41.9%, #dd6423 45.2%, #de6920 48.4%, #e06f1d 51.6%, #e1741a 54.8%, #e27a16 58.1%, #e38012 61.3%, #e4870e 64.5%, #e58d0c 67.7%, #e5940d 71.0%, #e69b10 74.2%, #e5a216 77.4%, #e5a81c 80.6%, #e4ae23 83.9%, #e4b42a 87.1%, #e3b930 90.3%, #e2be36 93.5%, #e1c13b 96.8%, #e0c540 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.2026 16.88) 0.0%, oklch(53.60% 0.2012 17.99) 3.2%, oklch(54.13% 0.1994 19.29) 6.5%, oklch(54.74% 0.1974 20.76) 9.7%, oklch(55.41% 0.1951 22.39) 12.9%, oklch(56.14% 0.1926 24.16) 16.1%, oklch(56.93% 0.1899 26.07) 19.4%, oklch(57.76% 0.1871 28.09) 22.6%, oklch(58.64% 0.1843 30.23) 25.8%, oklch(59.54% 0.1814 32.47) 29.0%, oklch(60.48% 0.1785 34.79) 32.3%, oklch(61.43% 0.1758 37.19) 35.5%, oklch(62.39% 0.1731 39.65) 38.7%, oklch(63.36% 0.1706 42.16) 41.9%, oklch(64.32% 0.1683 44.71) 45.2%, oklch(65.28% 0.1663 47.28) 48.4%, oklch(66.23% 0.1645 49.91) 51.6%, oklch(67.26% 0.1629 52.82) 54.8%, oklch(68.37% 0.1613 55.99) 58.1%, oklch(69.54% 0.1599 59.37) 61.3%, oklch(70.76% 0.1585 62.91) 64.5%, oklch(72.00% 0.1573 66.55) 67.7%, oklch(73.25% 0.1561 70.25) 71.0%, oklch(74.49% 0.1550 73.95) 74.2%, oklch(75.72% 0.1540 77.59) 77.4%, oklch(76.90% 0.1531 81.13) 80.6%, oklch(78.03% 0.1522 84.51) 83.9%, oklch(79.09% 0.1514 87.68) 87.1%, oklch(80.06% 0.1507 90.58) 90.3%, oklch(80.93% 0.1500 93.17) 93.5%, oklch(81.68% 0.1494 95.39) 96.8%, oklch(82.28% 0.1488 97.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.203 | 16.9 |
| 2 | 0.657 | 0.165 | 48.6 |
| 3 | 0.823 | 0.149 | 97.2 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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