# Crimson, dusty blue and orange color palette

The Crimson, dusty blue and orange color palette brings together red, blue, pale orange, and light orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is blue, and its lightest tone is pale orange.

- Also called: Salmon, gray, beige and peach angular swatches
- Seed: `kWt14aybE-r6OLn3DlU7R8-4`
- Page: https://grabient.com/kWt14aybE-r6OLn3DlU7R8-4?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: dark center, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#e98668` | `oklch(72.05% 0.1295 37.27)` | Peachy Feeling | black, 8 to 1 |
| 2 | `#bd554d` | `oklch(57.87% 0.1350 26.70)` | Carmelito | white, 4.5 to 1 |
| 3 | `#4d6475` | `oklch(49.21% 0.0386 238.75)` | Winter Evening | white, 6.1 to 1 |
| 4 | `#ffe5d1` | `oklch(93.70% 0.0386 58.40)` | Lumber | black, 17.3 to 1 |
| 5 | `#ffc19e` | `oklch(85.83% 0.0853 49.95)` | Coral Gable | black, 13.3 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #e98668 0.000% 20.000%, #bd554d 20.000% 40.000%, #4d6475 40.000% 60.000%, #ffe5d1 60.000% 80.000%, #ffc19e 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(72.05% 0.1295 37.27) 0.000% 20.000%, oklch(57.87% 0.1350 26.70) 20.000% 40.000%, oklch(49.21% 0.0386 238.75) 40.000% 60.000%, oklch(93.70% 0.0386 58.40) 60.000% 80.000%, oklch(85.83% 0.0853 49.95) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.13 | 37.3 |
| 2 | 0.579 | 0.135 | 26.7 |
| 3 | 0.492 | 0.039 | -121.2 |
| 4 | 0.937 | 0.039 | 58.4 |
| 5 | 0.858 | 0.085 | 49.9 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Peach](https://grabient.com/peach)
- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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