# Orange and cobalt blue paper lantern dusk

The Orange and cobalt blue paper lantern dusk brings together orange, red, magenta, purple, and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is purple, and its lightest tone is orange.

- Also called: Vivid tritone orange, purple and blue linear swatches
- Seed: `kWpHYdSD69b45u27OboxDa8Y`
- Page: https://grabient.com/kWpHYdSD69b45u27OboxDa8Y?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#dd6535` | `oklch(64.57% 0.1626 40.78)` | Bronzed | black, 5.9 to 1 |
| 2 | `#cd4643` | `oklch(58.39% 0.1717 25.29)` | Bullfighters Red | white, 4.5 to 1 |
| 3 | `#ac3267` | `oklch(51.57% 0.1641 358.39)` | Rich Maroon | white, 6.1 to 1 |
| 4 | `#82348e` | `oklch(47.02% 0.1579 322.01)` | Dull Violet | white, 7.4 to 1 |
| 5 | `#5748af` | `oklch(47.38% 0.1572 285.38)` | Swiss Plum | white, 7.1 to 1 |
| 6 | `#3e68c3` | `oklch(53.54% 0.1502 263.40)` | God of Rain | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #dd6535 0.000% 16.667%, #cd4643 16.667% 33.333%, #ac3267 33.333% 50.000%, #82348e 50.000% 66.667%, #5748af 66.667% 83.333%, #3e68c3 83.333% 100.000%);
background: linear-gradient(180deg, oklch(64.57% 0.1626 40.78) 0.000% 16.667%, oklch(58.39% 0.1717 25.29) 16.667% 33.333%, oklch(51.57% 0.1641 358.39) 33.333% 50.000%, oklch(47.02% 0.1579 322.01) 50.000% 66.667%, oklch(47.38% 0.1572 285.38) 66.667% 83.333%, oklch(53.54% 0.1502 263.40) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.163 | 40.8 |
| 2 | 0.567 | 0.172 | 19.6 |
| 3 | 0.488 | 0.158 | -18.4 |
| 4 | 0.465 | 0.158 | -67 |
| 5 | 0.535 | 0.15 | -96.6 |

## In these collections

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

## Other forms

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