# Crimson, orange and ochre bright palette

The Crimson, orange and ochre bright palette brings together red, orange, and yellow. 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 yellow.

- Also called: Vivid red, orange and yellow angular gradient
- Seed: `kUqqASX9BCurIwt1PcMg`
- Page: https://grabient.com/kUqqASX9BCurIwt1PcMg?style=angularGradient&steps=32&angle=210
- Drawn as: angular gradient, 32 steps, 210 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#ff4a4a` | `oklch(66.93% 0.2179 25.31)` | Blood Burst | black, 6.3 to 1 |
| 2 | `#ff4f49` | `oklch(67.40% 0.2137 26.64)` | Red Orange Juice | black, 6.4 to 1 |
| 3 | `#ff5547` | `oklch(68.00% 0.2085 28.33)` | Red Orange Juice | black, 6.6 to 1 |
| 4 | `#ff5b46` | `oklch(68.71% 0.2027 30.33)` | Algerian Coral | black, 6.8 to 1 |
| 5 | `#ff6245` | `oklch(69.51% 0.1966 32.57)` | Bruschetta Tomato | black, 7 to 1 |
| 6 | `#ff6944` | `oklch(70.37% 0.1904 35.00)` | Halloween | black, 7.3 to 1 |
| 7 | `#ff7044` | `oklch(71.28% 0.1844 37.55)` | Pinkish Orange | black, 7.6 to 1 |
| 8 | `#ff7744` | `oklch(72.21% 0.1786 40.17)` | Precious Persimmon | black, 7.9 to 1 |
| 9 | `#ff7d44` | `oklch(73.14% 0.1732 42.78)` | Mythical Orange | black, 8.2 to 1 |
| 10 | `#ff8345` | `oklch(74.05% 0.1683 45.34)` | Mango Tango | black, 8.6 to 1 |
| 11 | `#ff8946` | `oklch(74.92% 0.1640 47.79)` | Orange Bell Pepper | black, 8.9 to 1 |
| 12 | `#ff8e48` | `oklch(75.74% 0.1601 50.10)` | Orangish | black, 9.2 to 1 |
| 13 | `#ff9349` | `oklch(76.57% 0.1564 52.39)` | Pastel Orange | black, 9.5 to 1 |
| 14 | `#ff984b` | `oklch(77.41% 0.1529 54.68)` | Autumn Splendour | black, 9.8 to 1 |
| 15 | `#ff9d4e` | `oklch(78.26% 0.1496 56.98)` | Tangerine Tango | black, 10.1 to 1 |
| 16 | `#ffa250` | `oklch(79.10% 0.1465 59.29)` | Exotic Flower | black, 10.5 to 1 |
| 17 | `#ffa653` | `oklch(79.95% 0.1436 61.62)` | Echinoidea Thorns | black, 10.8 to 1 |
| 18 | `#ffab55` | `oklch(80.80% 0.1410 63.97)` | Soul Side | black, 11.2 to 1 |
| 19 | `#ffb058` | `oklch(81.64% 0.1386 66.35)` | Duckling | black, 11.5 to 1 |
| 20 | `#ffb45a` | `oklch(82.48% 0.1366 68.76)` | Peach Tea | black, 11.9 to 1 |
| 21 | `#ffb95d` | `oklch(83.31% 0.1350 71.21)` | Cape Jasmine | black, 12.3 to 1 |
| 22 | `#ffbd5f` | `oklch(84.13% 0.1338 73.72)` | Orange Quench | black, 12.6 to 1 |
| 23 | `#ffc161` | `oklch(85.00% 0.1332 76.46)` | Gold’s Great Touch | black, 13 to 1 |
| 24 | `#ffc663` | `oklch(85.91% 0.1332 79.40)` | Mellow Drama | black, 13.5 to 1 |
| 25 | `#ffcb64` | `oklch(86.84% 0.1340 82.47)` | Qing Yellow | black, 13.9 to 1 |
| 26 | `#ffd064` | `oklch(87.77% 0.1357 85.57)` | Chickadee | black, 14.4 to 1 |
| 27 | `#ffd464` | `oklch(88.68% 0.1386 88.63)` | Aspen Gold | black, 14.9 to 1 |
| 28 | `#ffd962` | `oklch(89.54% 0.1427 91.56)` | Lemon Twist | black, 15.3 to 1 |
| 29 | `#ffdd5e` | `oklch(90.34% 0.1481 94.28)` | Rodan Gold | black, 15.7 to 1 |
| 30 | `#ffe159` | `oklch(91.05% 0.1547 96.71)` | Primrose Path | black, 16.1 to 1 |
| 31 | `#ffe452` | `oklch(91.65% 0.1621 98.76)` | Backlit Lemon | black, 16.5 to 1 |
| 32 | `#ffe74a` | `oklch(92.12% 0.1693 100.35)` | Pac-Man | black, 16.7 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #ff4a4a 0.0%, #ff4f49 3.2%, #ff5547 6.5%, #ff5b46 9.7%, #ff6245 12.9%, #ff6944 16.1%, #ff7044 19.4%, #ff7744 22.6%, #ff7d44 25.8%, #ff8345 29.0%, #ff8946 32.3%, #ff8e48 35.5%, #ff9349 38.7%, #ff984b 41.9%, #ff9d4e 45.2%, #ffa250 48.4%, #ffa653 51.6%, #ffab55 54.8%, #ffb058 58.1%, #ffb45a 61.3%, #ffb95d 64.5%, #ffbd5f 67.7%, #ffc161 71.0%, #ffc663 74.2%, #ffcb64 77.4%, #ffd064 80.6%, #ffd464 83.9%, #ffd962 87.1%, #ffdd5e 90.3%, #ffe159 93.5%, #ffe452 96.8%, #ffe74a 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(66.93% 0.2179 25.31) 0.0%, oklch(67.40% 0.2137 26.64) 3.2%, oklch(68.00% 0.2085 28.33) 6.5%, oklch(68.71% 0.2027 30.33) 9.7%, oklch(69.51% 0.1966 32.57) 12.9%, oklch(70.37% 0.1904 35.00) 16.1%, oklch(71.28% 0.1844 37.55) 19.4%, oklch(72.21% 0.1786 40.17) 22.6%, oklch(73.14% 0.1732 42.78) 25.8%, oklch(74.05% 0.1683 45.34) 29.0%, oklch(74.92% 0.1640 47.79) 32.3%, oklch(75.74% 0.1601 50.10) 35.5%, oklch(76.57% 0.1564 52.39) 38.7%, oklch(77.41% 0.1529 54.68) 41.9%, oklch(78.26% 0.1496 56.98) 45.2%, oklch(79.10% 0.1465 59.29) 48.4%, oklch(79.95% 0.1436 61.62) 51.6%, oklch(80.80% 0.1410 63.97) 54.8%, oklch(81.64% 0.1386 66.35) 58.1%, oklch(82.48% 0.1366 68.76) 61.3%, oklch(83.31% 0.1350 71.21) 64.5%, oklch(84.13% 0.1338 73.72) 67.7%, oklch(85.00% 0.1332 76.46) 71.0%, oklch(85.91% 0.1332 79.40) 74.2%, oklch(86.84% 0.1340 82.47) 77.4%, oklch(87.77% 0.1357 85.57) 80.6%, oklch(88.68% 0.1386 88.63) 83.9%, oklch(89.54% 0.1427 91.56) 87.1%, oklch(90.34% 0.1481 94.28) 90.3%, oklch(91.05% 0.1547 96.71) 93.5%, oklch(91.65% 0.1621 98.76) 96.8%, oklch(92.12% 0.1693 100.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.22 | 25.3 |
| 2 | 0.752 | 0.22 | 48.6 |
| 3 | 0.839 | 0.2 | 72.9 |
| 4 | 0.921 | 0.169 | 100.3 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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