# Nordic night and lantern glow

Beige to black radial gradient with 32 colors: #f5dca1, #f3d89b, #f0d393, #edcd89, #e9c57e, #e6bd73, #e2b468, #ddaa60, #d8a05a, #d29558, #c88a58, #bd7e5a, #b1745b, #a36a5c, #95615d, #88585c, #7c515b, #6f4a5a, #634458, #563f56, #4a3a52, #3f354e, #343149, #2b2c43, #24283d, #1e2437, #182032, #141d2d, #101928, #0d1725, #0a1421, #08121f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige to black radial gradient
- Seed: `kW5To-36g-D-WOImDrVFws84`
- Page: https://grabient.com/kW5To-36g-D-WOImDrVFws84?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 13.9 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 | `#f5dca1` | `oklch(90.16% 0.0799 87.89)` | Solé | black, 15.6 to 1 |
| 2 | `#f3d89b` | `oklch(89.03% 0.0829 86.96)` | Igniting | black, 15 to 1 |
| 3 | `#f0d393` | `oklch(87.61% 0.0876 86.07)` | Nectar Jackpot | black, 14.4 to 1 |
| 4 | `#edcd89` | `oklch(85.92% 0.0931 85.04)` | Spaghetti Monster | black, 13.6 to 1 |
| 5 | `#e9c57e` | `oklch(84.00% 0.0989 83.66)` | Golden Thread | black, 12.7 to 1 |
| 6 | `#e6bd73` | `oklch(81.87% 0.1042 81.74)` | Cloudy Sunset | black, 11.8 to 1 |
| 7 | `#e2b468` | `oklch(79.56% 0.1082 79.08)` | English Custard | black, 10.9 to 1 |
| 8 | `#ddaa60` | `oklch(77.11% 0.1103 75.48)` | Sugar Honey Cashew | black, 10 to 1 |
| 9 | `#d8a05a` | `oklch(74.54% 0.1098 70.74)` | Butterscotch Syrup | black, 9.1 to 1 |
| 10 | `#d29558` | `oklch(71.66% 0.1065 64.92)` | Cold Pilsner | black, 8.1 to 1 |
| 11 | `#c88a58` | `oklch(68.48% 0.1008 58.16)` | Cork Brown | black, 7.2 to 1 |
| 12 | `#bd7e5a` | `oklch(65.09% 0.0936 50.58)` | Sundial | black, 6.3 to 1 |
| 13 | `#b1745b` | `oklch(61.60% 0.0855 42.31)` | Sunburn | black, 5.4 to 1 |
| 14 | `#a36a5c` | `oklch(58.11% 0.0773 33.48)` | Mudbrick | black, 4.7 to 1 |
| 15 | `#95615d` | `oklch(54.71% 0.0696 24.19)` | Canyon Stone | white, 5 to 1 |
| 16 | `#88585c` | `oklch(51.50% 0.0632 14.58)` | Flowering Chestnut | white, 5.8 to 1 |
| 17 | `#7c515b` | `oklch(48.54% 0.0585 4.55)` | Sunset Red | white, 6.5 to 1 |
| 18 | `#6f4a5a` | `oklch(45.67% 0.0546 353.06)` | Prussian Plum | white, 7.4 to 1 |
| 19 | `#634458` | `oklch(42.85% 0.0514 340.48)` | Ripe Mulberry | white, 8.3 to 1 |
| 20 | `#563f56` | `oklch(40.12% 0.0487 327.39)` | Bella | white, 9.3 to 1 |
| 21 | `#4a3a52` | `oklch(37.50% 0.0464 314.38)` | Gothic Grape | white, 10.4 to 1 |
| 22 | `#3f354e` | `oklch(34.99% 0.0443 302.05)` | Maharaja | white, 11.4 to 1 |
| 23 | `#343149` | `oklch(32.63% 0.0424 291.00)` | Deep Velvet | white, 12.5 to 1 |
| 24 | `#2b2c43` | `oklch(30.44% 0.0404 281.80)` | Black Violet | white, 13.5 to 1 |
| 25 | `#24283d` | `oklch(28.40% 0.0386 274.76)` | Midnight Express | white, 14.4 to 1 |
| 26 | `#1e2437` | `oklch(26.46% 0.0368 269.28)` | Moonless Mystery | white, 15.3 to 1 |
| 27 | `#182032` | `oklch(24.64% 0.0353 265.08)` | Hēi Sè Black | white, 16.1 to 1 |
| 28 | `#141d2d` | `oklch(22.96% 0.0340 261.91)` | Hēi Sè Black | white, 16.9 to 1 |
| 29 | `#101928` | `oklch(21.44% 0.0328 259.52)` | Sambucus | white, 17.5 to 1 |
| 30 | `#0d1725` | `oklch(20.12% 0.0318 257.66)` | Creeping Death | white, 18 to 1 |
| 31 | `#0a1421` | `oklch(19.00% 0.0310 256.07)` | Creeping Death | white, 18.4 to 1 |
| 32 | `#08121f` | `oklch(18.11% 0.0303 254.51)` | Midnight Edition | white, 18.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f5dca1 0.0%, #f3d89b 3.2%, #f0d393 6.5%, #edcd89 9.7%, #e9c57e 12.9%, #e6bd73 16.1%, #e2b468 19.4%, #ddaa60 22.6%, #d8a05a 25.8%, #d29558 29.0%, #c88a58 32.3%, #bd7e5a 35.5%, #b1745b 38.7%, #a36a5c 41.9%, #95615d 45.2%, #88585c 48.4%, #7c515b 51.6%, #6f4a5a 54.8%, #634458 58.1%, #563f56 61.3%, #4a3a52 64.5%, #3f354e 67.7%, #343149 71.0%, #2b2c43 74.2%, #24283d 77.4%, #1e2437 80.6%, #182032 83.9%, #141d2d 87.1%, #101928 90.3%, #0d1725 93.5%, #0a1421 96.8%, #08121f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0799 87.89) 0.0%, oklch(89.03% 0.0829 86.96) 3.2%, oklch(87.61% 0.0876 86.07) 6.5%, oklch(85.92% 0.0931 85.04) 9.7%, oklch(84.00% 0.0989 83.66) 12.9%, oklch(81.87% 0.1042 81.74) 16.1%, oklch(79.56% 0.1082 79.08) 19.4%, oklch(77.11% 0.1103 75.48) 22.6%, oklch(74.54% 0.1098 70.74) 25.8%, oklch(71.66% 0.1065 64.92) 29.0%, oklch(68.48% 0.1008 58.16) 32.3%, oklch(65.09% 0.0936 50.58) 35.5%, oklch(61.60% 0.0855 42.31) 38.7%, oklch(58.11% 0.0773 33.48) 41.9%, oklch(54.71% 0.0696 24.19) 45.2%, oklch(51.50% 0.0632 14.58) 48.4%, oklch(48.54% 0.0585 4.55) 51.6%, oklch(45.67% 0.0546 353.06) 54.8%, oklch(42.85% 0.0514 340.48) 58.1%, oklch(40.12% 0.0487 327.39) 61.3%, oklch(37.50% 0.0464 314.38) 64.5%, oklch(34.99% 0.0443 302.05) 67.7%, oklch(32.63% 0.0424 291.00) 71.0%, oklch(30.44% 0.0404 281.80) 74.2%, oklch(28.40% 0.0386 274.76) 77.4%, oklch(26.46% 0.0368 269.28) 80.6%, oklch(24.64% 0.0353 265.08) 83.9%, oklch(22.96% 0.0340 261.91) 87.1%, oklch(21.44% 0.0328 259.52) 90.3%, oklch(20.12% 0.0318 257.66) 93.5%, oklch(19.00% 0.0310 256.07) 96.8%, oklch(18.11% 0.0303 254.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.08 | 87.9 |
| 2 | 0.752 | 0.11 | 72 |
| 3 | 0.5 | 0.061 | 9.7 |
| 4 | 0.299 | 0.04 | -80.1 |
| 5 | 0.181 | 0.03 | -105.5 |

## In these collections

- [Scandinavian Christmas color palette](https://grabient.com/scandinavian-christmas-color-palette)

## Other forms

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