# Crimson, orange and dusty blue peach palette

The Crimson, orange and dusty blue peach palette brings together red, light red, light orange, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Red, salmon, peach and blue angular swatches
- Seed: `kYllgTVS_Al4uQJmKMCbZLA8IULM`
- Page: https://grabient.com/kYllgTVS_Al4uQJmKMCbZLA8IULM?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: light center, pastel, warm
- Hues: analogous
- 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 | `#bb5e55` | `oklch(59.06% 0.1213 26.72)` | Wild Chestnut | black, 4.8 to 1 |
| 2 | `#d97460` | `oklch(66.93% 0.1309 32.00)` | Rustic Pottery | black, 6.6 to 1 |
| 3 | `#ef8d70` | `oklch(74.02% 0.1268 37.29)` | Painted Clay | black, 8.6 to 1 |
| 4 | `#fca784` | `oklch(80.31% 0.1116 42.57)` | Peach Fizz | black, 10.9 to 1 |
| 5 | `#eec9b4` | `oklch(86.22% 0.0510 51.02)` | Bare Necessity | black, 13.6 to 1 |
| 6 | `#506c88` | `oklch(51.97% 0.0551 249.34)` | Wedgewood | white, 5.4 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #bb5e55 0.000% 16.667%, #d97460 16.667% 33.333%, #ef8d70 33.333% 50.000%, #fca784 50.000% 66.667%, #eec9b4 66.667% 83.333%, #506c88 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(59.06% 0.1213 26.72) 0.000% 16.667%, oklch(66.93% 0.1309 32.00) 16.667% 33.333%, oklch(74.02% 0.1268 37.29) 33.333% 50.000%, oklch(80.31% 0.1116 42.57) 50.000% 66.667%, oklch(86.22% 0.0510 51.02) 66.667% 83.333%, oklch(51.97% 0.0551 249.34) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.591 | 0.121 | 26.7 |
| 2 | 0.669 | 0.131 | 32 |
| 3 | 0.74 | 0.127 | 37.3 |
| 4 | 0.803 | 0.112 | 42.6 |
| 5 | 0.862 | 0.051 | 51 |
| 6 | 0.52 | 0.055 | -110.7 |

## In these collections

- [Peach](https://grabient.com/peach)

## Other forms

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