# Orange, plum and periwinkle paper lantern dusk

The Orange, plum and periwinkle paper lantern dusk brings together orange, red, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is orange.

- Also called: Orange, maroon, navy and lavender angular swatches
- Seed: `kYtGcnxDW-imdvOmoDTPio-1eawY`
- Page: https://grabient.com/kYtGcnxDW-imdvOmoDTPio-1eawY?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: dark center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.1 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 | `#e3873e` | `oklch(70.87% 0.1419 55.55)` | Touch of Glamour | black, 7.7 to 1 |
| 2 | `#b04a11` | `oklch(53.54% 0.1474 43.92)` | Skrag Brown | white, 5.4 to 1 |
| 3 | `#572024` | `oklch(32.68% 0.0813 18.56)` | Burnt Crimson | white, 12.8 to 1 |
| 4 | `#2b2658` | `oklch(30.31% 0.0882 284.51)` | Ceremonial Purple | white, 13.8 to 1 |
| 5 | `#4e58a1` | `oklch(48.82% 0.1157 275.00)` | Purple Frenzy | white, 6.4 to 1 |
| 6 | `#9994c6` | `oklch(68.90% 0.0730 288.74)` | Litmus | black, 7.4 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #e3873e 0.000% 16.667%, #b04a11 16.667% 33.333%, #572024 33.333% 50.000%, #2b2658 50.000% 66.667%, #4e58a1 66.667% 83.333%, #9994c6 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(70.87% 0.1419 55.55) 0.000% 16.667%, oklch(53.54% 0.1474 43.92) 16.667% 33.333%, oklch(32.68% 0.0813 18.56) 33.333% 50.000%, oklch(30.31% 0.0882 284.51) 50.000% 66.667%, oklch(48.82% 0.1157 275.00) 66.667% 83.333%, oklch(68.90% 0.0730 288.74) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.142 | 55.5 |
| 2 | 0.535 | 0.147 | 43.9 |
| 3 | 0.327 | 0.081 | 18.6 |
| 4 | 0.303 | 0.088 | -75.5 |
| 5 | 0.488 | 0.116 | -85 |
| 6 | 0.689 | 0.073 | -71.3 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)

## Other forms

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