# Gold and navy paper lantern dusk palette

The Gold and navy paper lantern dusk palette brings together gold, light orange, red, magenta, blue, and orange. The colors span a broad 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 gold.

- Also called: Tan, purple, navy and gray angular gradient
- Seed: `kc3kZGYCs5copPUzljpLBg4zgLwPRC07apzDw`
- Page: https://grabient.com/kc3kZGYCs5copPUzljpLBg4zgLwPRC07apzDw?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8 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 | `#e6d78c` | `oklch(87.40% 0.0965 98.44)` | Impetuous | black, 14.4 to 1 |
| 2 | `#eacd81` | `oklch(85.64% 0.1005 89.10)` | Choux à la Crème | black, 13.5 to 1 |
| 3 | `#f0be76` | `oklch(83.18% 0.1065 75.52)` | Sunrise | black, 12.3 to 1 |
| 4 | `#f3ad71` | `oklch(80.22% 0.1127 60.72)` | Taste of Summer | black, 11 to 1 |
| 5 | `#f19c71` | `oklch(77.00% 0.1174 47.74)` | Peach Squared | black, 9.7 to 1 |
| 6 | `#ea8e70` | `oklch(73.63% 0.1195 39.20)` | Painted Clay | black, 8.6 to 1 |
| 7 | `#de816b` | `oklch(69.87% 0.1205 34.22)` | Wet Pottery Clay | black, 7.4 to 1 |
| 8 | `#d17464` | `oklch(65.84% 0.1200 30.72)` | OK Corral | black, 6.3 to 1 |
| 9 | `#c2675f` | `oklch(61.73% 0.1174 26.69)` | Tapestry Red | black, 5.4 to 1 |
| 10 | `#b25c5d` | `oklch(57.70% 0.1120 20.15)` | Pottery Red | white, 4.5 to 1 |
| 11 | `#9e525e` | `oklch(53.43% 0.1014 11.14)` | Cuban Rhythm | white, 5.4 to 1 |
| 12 | `#884a5e` | `oklch(49.01% 0.0872 0.69)` | Hawthorn Rose | white, 6.5 to 1 |
| 13 | `#73435b` | `oklch(44.84% 0.0730 349.23)` | Deep Carmine | white, 7.8 to 1 |
| 14 | `#613e58` | `oklch(41.36% 0.0625 337.22)` | Dark Potion | white, 8.9 to 1 |
| 15 | `#543956` | `oklch(38.76% 0.0587 324.00)` | Dark Blackberry | white, 9.9 to 1 |
| 16 | `#483657` | `oklch(36.70% 0.0604 308.19)` | Purple Plumeria | white, 10.8 to 1 |
| 17 | `#3c345a` | `oklch(35.27% 0.0643 292.41)` | Jakarta Skyline | white, 11.4 to 1 |
| 18 | `#33355c` | `oklch(34.60% 0.0669 279.46)` | Very Blue | white, 11.6 to 1 |
| 19 | `#2e375c` | `oklch(34.80% 0.0650 271.88)` | Very Blue | white, 11.5 to 1 |
| 20 | `#2f3c5c` | `oklch(35.96% 0.0581 267.43)` | Nautilus | white, 10.9 to 1 |
| 21 | `#36425c` | `oklch(37.94% 0.0486 266.16)` | Passionate Blueberry | white, 10 to 1 |
| 22 | `#41485f` | `oklch(40.55% 0.0392 269.75)` | Sapphire Stone | white, 9 to 1 |
| 23 | `#4e5063` | `oklch(43.63% 0.0323 279.88)` | Voyager | white, 7.9 to 1 |
| 24 | `#5e586a` | `oklch(47.25% 0.0286 300.32)` | Gobelin Mauve | white, 6.8 to 1 |
| 25 | `#71636f` | `oklch(51.61% 0.0262 331.15)` | Purple Kasbah | white, 5.6 to 1 |
| 26 | `#846f73` | `oklch(56.35% 0.0258 5.19)` | Pomace Red | white, 4.6 to 1 |
| 27 | `#937e78` | `oklch(61.15% 0.0278 35.19)` | Carmel Mission | black, 5.5 to 1 |
| 28 | `#a28d7f` | `oklch(65.79% 0.0332 54.69)` | Oak Brown | black, 6.6 to 1 |
| 29 | `#b59c85` | `oklch(70.94% 0.0439 66.32)` | Plush Tan | black, 8 to 1 |
| 30 | `#c8ac8a` | `oklch(76.13% 0.0573 73.10)` | Dwarf Rabbit | black, 9.7 to 1 |
| 31 | `#dabb8d` | `oklch(80.68% 0.0699 77.13)` | San Carlos Plaza | black, 11.4 to 1 |
| 32 | `#e5c58f` | `oklch(83.86% 0.0785 80.47)` | Bungalow Maple | black, 12.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #e6d78c 0.0%, #eacd81 3.2%, #f0be76 6.5%, #f3ad71 9.7%, #f19c71 12.9%, #ea8e70 16.1%, #de816b 19.4%, #d17464 22.6%, #c2675f 25.8%, #b25c5d 29.0%, #9e525e 32.3%, #884a5e 35.5%, #73435b 38.7%, #613e58 41.9%, #543956 45.2%, #483657 48.4%, #3c345a 51.6%, #33355c 54.8%, #2e375c 58.1%, #2f3c5c 61.3%, #36425c 64.5%, #41485f 67.7%, #4e5063 71.0%, #5e586a 74.2%, #71636f 77.4%, #846f73 80.6%, #937e78 83.9%, #a28d7f 87.1%, #b59c85 90.3%, #c8ac8a 93.5%, #dabb8d 96.8%, #e5c58f 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(87.40% 0.0965 98.44) 0.0%, oklch(85.64% 0.1005 89.10) 3.2%, oklch(83.18% 0.1065 75.52) 6.5%, oklch(80.22% 0.1127 60.72) 9.7%, oklch(77.00% 0.1174 47.74) 12.9%, oklch(73.63% 0.1195 39.20) 16.1%, oklch(69.87% 0.1205 34.22) 19.4%, oklch(65.84% 0.1200 30.72) 22.6%, oklch(61.73% 0.1174 26.69) 25.8%, oklch(57.70% 0.1120 20.15) 29.0%, oklch(53.43% 0.1014 11.14) 32.3%, oklch(49.01% 0.0872 0.69) 35.5%, oklch(44.84% 0.0730 349.23) 38.7%, oklch(41.36% 0.0625 337.22) 41.9%, oklch(38.76% 0.0587 324.00) 45.2%, oklch(36.70% 0.0604 308.19) 48.4%, oklch(35.27% 0.0643 292.41) 51.6%, oklch(34.60% 0.0669 279.46) 54.8%, oklch(34.80% 0.0650 271.88) 58.1%, oklch(35.96% 0.0581 267.43) 61.3%, oklch(37.94% 0.0486 266.16) 64.5%, oklch(40.55% 0.0392 269.75) 67.7%, oklch(43.63% 0.0323 279.88) 71.0%, oklch(47.25% 0.0286 300.32) 74.2%, oklch(51.61% 0.0262 331.15) 77.4%, oklch(56.35% 0.0258 5.19) 80.6%, oklch(61.15% 0.0278 35.19) 83.9%, oklch(65.79% 0.0332 54.69) 87.1%, oklch(70.94% 0.0439 66.32) 90.3%, oklch(76.13% 0.0573 73.10) 93.5%, oklch(80.68% 0.0699 77.13) 96.8%, oklch(83.86% 0.0785 80.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.096 | 98.4 |
| 2 | 0.756 | 0.119 | 43.5 |
| 3 | 0.583 | 0.113 | 21.3 |
| 4 | 0.406 | 0.061 | -26.3 |
| 5 | 0.346 | 0.066 | -86.5 |
| 6 | 0.441 | 0.032 | -78 |
| 7 | 0.638 | 0.03 | 47.7 |
| 8 | 0.839 | 0.079 | 80.5 |

## In these collections

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

## Other forms

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