# Crimson and orange red palette

The Crimson and orange red palette brings together red and pale orange. 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 pale orange.

- Also called: Analogous red, salmon and peach angular swatches
- Seed: `kUk5EOVsVBGMzQRylkEA`
- Page: https://grabient.com/kUk5EOVsVBGMzQRylkEA?style=angularSwatches&steps=4&angle=45
- Drawn as: angular swatches, 4 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#d63146` | `oklch(57.87% 0.1998 19.69)` | Bloody Rust | white, 4.7 to 1 |
| 2 | `#f85f4e` | `oklch(68.11% 0.1902 29.20)` | Sunset Orange | black, 6.7 to 1 |
| 3 | `#ff9876` | `oklch(77.95% 0.1328 38.71)` | Flash in the Pan | black, 9.9 to 1 |
| 4 | `#ffd4bf` | `oklch(90.16% 0.0563 48.23)` | Mom’s Love | black, 15.4 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #d63146 0.000% 25.000%, #f85f4e 25.000% 50.000%, #ff9876 50.000% 75.000%, #ffd4bf 75.000% 100.000%);
background: conic-gradient(from 45deg, oklch(57.87% 0.1998 19.69) 0.000% 25.000%, oklch(68.11% 0.1902 29.20) 25.000% 50.000%, oklch(77.95% 0.1328 38.71) 50.000% 75.000%, oklch(90.16% 0.0563 48.23) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.2 | 19.7 |
| 2 | 0.681 | 0.19 | 29.2 |
| 3 | 0.78 | 0.141 | 38.7 |
| 4 | 0.902 | 0.061 | 48.2 |

## In these collections

- [Red swatches](https://grabient.com/red-swatches)

## Other forms

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