# Crimson, orange and ochre color palette

The Crimson, orange and ochre color palette brings together red, orange, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is red, and its lightest tone is gold.

- Also called: Vivid red, orange and yellow radial swatches
- Seed: `kWd4IQyUtAtVEQZhO8K6rtCg`
- Page: https://grabient.com/kWd4IQyUtAtVEQZhO8K6rtCg?style=radialSwatches&steps=14&angle=99
- Drawn as: radial swatches, 14 steps, 99 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#a81324` | `oklch(46.85% 0.1791 23.20)` | Ecstatic Red | white, 7.5 to 1 |
| 2 | `#b41825` | `oklch(49.38% 0.1871 24.44)` | Salsa | white, 6.8 to 1 |
| 3 | `#c51f24` | `oklch(52.99% 0.1983 26.28)` | Star and Crescent Red | white, 5.8 to 1 |
| 4 | `#d52b22` | `oklch(56.67% 0.2060 28.80)` | Pure Red | white, 5 to 1 |
| 5 | `#df3a1f` | `oklch(59.74% 0.2055 32.01)` | Lionfish Red | black, 4.7 to 1 |
| 6 | `#e64b1d` | `oklch(62.64% 0.1993 35.88)` | Nasturtium Flower | black, 5.4 to 1 |
| 7 | `#ec5c1c` | `oklch(65.49% 0.1911 40.57)` | Puffins Bill | black, 6.1 to 1 |
| 8 | `#f16c17` | `oklch(68.40% 0.1838 46.34)` | Orange Zest | black, 6.9 to 1 |
| 9 | `#f47e13` | `oklch(71.40% 0.1756 53.44)` | Consumed by Fire | black, 7.8 to 1 |
| 10 | `#f68f15` | `oklch(74.33% 0.1680 61.04)` | Jú Huáng Tangerine | black, 8.8 to 1 |
| 11 | `#f79e1a` | `oklch(77.04% 0.1631 68.33)` | DodgeRoll Gold | black, 9.8 to 1 |
| 12 | `#f7ac1d` | `oklch(79.74% 0.1618 76.15)` | Gusto Gold | black, 10.9 to 1 |
| 13 | `#f6ba21` | `oklch(82.17% 0.1622 83.56)` | Glistening Dawn | black, 11.9 to 1 |
| 14 | `#f5c329` | `oklch(83.86% 0.1626 88.72)` | Saffron | black, 12.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a81324 0.000% 7.143%, #b41825 7.143% 14.286%, #c51f24 14.286% 21.429%, #d52b22 21.429% 28.571%, #df3a1f 28.571% 35.714%, #e64b1d 35.714% 42.857%, #ec5c1c 42.857% 50.000%, #f16c17 50.000% 57.143%, #f47e13 57.143% 64.286%, #f68f15 64.286% 71.429%, #f79e1a 71.429% 78.571%, #f7ac1d 78.571% 85.714%, #f6ba21 85.714% 92.857%, #f5c329 92.857% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(46.85% 0.1791 23.20) 0.000% 7.143%, oklch(49.38% 0.1871 24.44) 7.143% 14.286%, oklch(52.99% 0.1983 26.28) 14.286% 21.429%, oklch(56.67% 0.2060 28.80) 21.429% 28.571%, oklch(59.74% 0.2055 32.01) 28.571% 35.714%, oklch(62.64% 0.1993 35.88) 35.714% 42.857%, oklch(65.49% 0.1911 40.57) 42.857% 50.000%, oklch(68.40% 0.1838 46.34) 50.000% 57.143%, oklch(71.40% 0.1756 53.44) 57.143% 64.286%, oklch(74.33% 0.1680 61.04) 64.286% 71.429%, oklch(77.04% 0.1631 68.33) 71.429% 78.571%, oklch(79.74% 0.1618 76.15) 78.571% 85.714%, oklch(82.17% 0.1622 83.56) 85.714% 92.857%, oklch(83.86% 0.1626 88.72) 92.857% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.179 | 23.2 |
| 2 | 0.575 | 0.207 | 29.5 |
| 3 | 0.669 | 0.187 | 43.3 |
| 4 | 0.764 | 0.164 | 66.5 |
| 5 | 0.839 | 0.163 | 88.7 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Fall swatches](https://grabient.com/fall-swatches)
- [Diwali swatches](https://grabient.com/diwali-swatches)
- [Golden hour swatches](https://grabient.com/golden-hour-swatches)

## Other forms

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