# Navy, magenta and ochre paper lantern dusk

The Navy, magenta and ochre paper lantern dusk brings together blue, red, purple, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Navy, salmon, purple and orange linear swatches
- Seed: `kUVTq_0zzNrUoNdnNdBA`
- Page: https://grabient.com/kUVTq_0zzNrUoNdnNdBA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 6.6 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 | `#26335f` | `oklch(33.46% 0.0799 269.30)` | Navy Trim | white, 12.1 to 1 |
| 2 | `#e45f59` | `oklch(65.35% 0.1667 25.54)` | Reductant | black, 6 to 1 |
| 3 | `#563c7f` | `oklch(41.73% 0.1102 299.94)` | Loden Purple | white, 8.9 to 1 |
| 4 | `#f5b43f` | `oklch(81.10% 0.1474 78.38)` | Squash Blossom | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #26335f 0.000% 25.000%, #e45f59 25.000% 50.000%, #563c7f 50.000% 75.000%, #f5b43f 75.000% 100.000%);
background: linear-gradient(90deg, oklch(33.46% 0.0799 269.30) 0.000% 25.000%, oklch(65.35% 0.1667 25.54) 25.000% 50.000%, oklch(41.73% 0.1102 299.94) 50.000% 75.000%, oklch(81.10% 0.1474 78.38) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.08 | 269.3 |
| 2 | 0.654 | 0.167 | 385.5 |
| 3 | 0.417 | 0.11 | 299.9 |
| 4 | 0.811 | 0.147 | 438.4 |

## In these collections

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

## Other forms

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