# Scandi candlelight glow

Monochrome beige to brown radial gradient with 32 colors: #fff9e2, #fef7de, #fdf5d9, #fcf2d3, #fbefcc, #f9ebc5, #f7e6be, #f4e1b6, #f0dbb0, #ead4a9, #e3cca2, #dcc39c, #d3ba95, #cab18f, #c1a888, #b89e81, #ae957a, #a48c72, #99826a, #8d7862, #826e5b, #776453, #6d5b4c, #645346, #5b4c40, #53453a, #4b3e35, #443830, #3d332b, #372e27, #332a24, #2f2722. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome beige to brown radial gradient
- Seed: `kW-RZD8pY-1kSPi5Cz7I4W_Q`
- Page: https://grabient.com/kW-RZD8pY-1kSPi5Cz7I4W_Q?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#fff9e2` | `oklch(98.03% 0.0303 94.92)` | Snug Cottage | black, 19.8 to 1 |
| 2 | `#fef7de` | `oklch(97.49% 0.0330 94.20)` | Sushi Rice | black, 19.5 to 1 |
| 3 | `#fdf5d9` | `oklch(96.86% 0.0370 93.27)` | Bucatini Noodle | black, 19.2 to 1 |
| 4 | `#fcf2d3` | `oklch(96.12% 0.0417 92.17)` | Vanilla Ice | black, 18.7 to 1 |
| 5 | `#fbefcc` | `oklch(95.23% 0.0468 90.93)` | Morning Sunlight | black, 18.2 to 1 |
| 6 | `#f9ebc5` | `oklch(94.17% 0.0517 89.56)` | White Currant | black, 17.7 to 1 |
| 7 | `#f7e6be` | `oklch(92.92% 0.0560 88.10)` | Creamy Custard | black, 17 to 1 |
| 8 | `#f4e1b6` | `oklch(91.43% 0.0592 86.58)` | Soft Butter | black, 16.2 to 1 |
| 9 | `#f0dbb0` | `oklch(89.70% 0.0609 85.01)` | Vinaigrette | black, 15.4 to 1 |
| 10 | `#ead4a9` | `oklch(87.67% 0.0613 83.27)` | Canary Island | black, 14.4 to 1 |
| 11 | `#e3cca2` | `oklch(85.37% 0.0607 81.34)` | Organic Bamboo | black, 13.4 to 1 |
| 12 | `#dcc39c` | `oklch(82.86% 0.0594 79.31)` | Natural Twine | black, 12.3 to 1 |
| 13 | `#d3ba95` | `oklch(80.18% 0.0575 77.23)` | Smooth Beech | black, 11.2 to 1 |
| 14 | `#cab18f` | `oklch(77.36% 0.0552 75.18)` | Spanish Sand | black, 10.2 to 1 |
| 15 | `#c1a888` | `oklch(74.47% 0.0529 73.23)` | Symphony Gold | black, 9.2 to 1 |
| 16 | `#b89e81` | `oklch(71.54% 0.0506 71.43)` | Nankeen | black, 8.2 to 1 |
| 17 | `#ae957a` | `oklch(68.58% 0.0486 69.85)` | Hutchins Plaza | black, 7.3 to 1 |
| 18 | `#a48c72` | `oklch(65.40% 0.0463 68.38)` | Elk | black, 6.5 to 1 |
| 19 | `#99826a` | `oklch(62.04% 0.0438 67.01)` | Universal Umber | black, 5.7 to 1 |
| 20 | `#8d7862` | `oklch(58.58% 0.0412 65.73)` | Dusty Path | black, 4.9 to 1 |
| 21 | `#826e5b` | `oklch(55.13% 0.0385 64.53)` | Donkey Brown | white, 4.8 to 1 |
| 22 | `#776453` | `oklch(51.75% 0.0359 63.40)` | Tanbark Trail | white, 5.6 to 1 |
| 23 | `#6d5b4c` | `oklch(48.53% 0.0333 62.34)` | Domino | white, 6.4 to 1 |
| 24 | `#645346` | `oklch(45.57% 0.0309 61.35)` | Pine Cone | white, 7.3 to 1 |
| 25 | `#5b4c40` | `oklch(42.85% 0.0286 60.41)` | Rock | white, 8.2 to 1 |
| 26 | `#53453a` | `oklch(40.17% 0.0263 59.52)` | Well-Bred Brown | white, 9.2 to 1 |
| 27 | `#4b3e35` | `oklch(37.58% 0.0240 58.70)` | Slate Black | white, 10.2 to 1 |
| 28 | `#443830` | `oklch(35.13% 0.0218 57.96)` | Batch Brew | white, 11.3 to 1 |
| 29 | `#3d332b` | `oklch(32.90% 0.0197 57.29)` | Sensaicha Brown | white, 12.3 to 1 |
| 30 | `#372e27` | `oklch(30.91% 0.0179 56.71)` | Coffee Bean | white, 13.2 to 1 |
| 31 | `#332a24` | `oklch(29.25% 0.0163 56.21)` | Industrial Black | white, 14 to 1 |
| 32 | `#2f2722` | `oklch(27.95% 0.0152 55.82)` | Wood Bark | white, 14.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff9e2 0.0%, #fef7de 3.2%, #fdf5d9 6.5%, #fcf2d3 9.7%, #fbefcc 12.9%, #f9ebc5 16.1%, #f7e6be 19.4%, #f4e1b6 22.6%, #f0dbb0 25.8%, #ead4a9 29.0%, #e3cca2 32.3%, #dcc39c 35.5%, #d3ba95 38.7%, #cab18f 41.9%, #c1a888 45.2%, #b89e81 48.4%, #ae957a 51.6%, #a48c72 54.8%, #99826a 58.1%, #8d7862 61.3%, #826e5b 64.5%, #776453 67.7%, #6d5b4c 71.0%, #645346 74.2%, #5b4c40 77.4%, #53453a 80.6%, #4b3e35 83.9%, #443830 87.1%, #3d332b 90.3%, #372e27 93.5%, #332a24 96.8%, #2f2722 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.03% 0.0303 94.92) 0.0%, oklch(97.49% 0.0330 94.20) 3.2%, oklch(96.86% 0.0370 93.27) 6.5%, oklch(96.12% 0.0417 92.17) 9.7%, oklch(95.23% 0.0468 90.93) 12.9%, oklch(94.17% 0.0517 89.56) 16.1%, oklch(92.92% 0.0560 88.10) 19.4%, oklch(91.43% 0.0592 86.58) 22.6%, oklch(89.70% 0.0609 85.01) 25.8%, oklch(87.67% 0.0613 83.27) 29.0%, oklch(85.37% 0.0607 81.34) 32.3%, oklch(82.86% 0.0594 79.31) 35.5%, oklch(80.18% 0.0575 77.23) 38.7%, oklch(77.36% 0.0552 75.18) 41.9%, oklch(74.47% 0.0529 73.23) 45.2%, oklch(71.54% 0.0506 71.43) 48.4%, oklch(68.58% 0.0486 69.85) 51.6%, oklch(65.40% 0.0463 68.38) 54.8%, oklch(62.04% 0.0438 67.01) 58.1%, oklch(58.58% 0.0412 65.73) 61.3%, oklch(55.13% 0.0385 64.53) 64.5%, oklch(51.75% 0.0359 63.40) 67.7%, oklch(48.53% 0.0333 62.34) 71.0%, oklch(45.57% 0.0309 61.35) 74.2%, oklch(42.85% 0.0286 60.41) 77.4%, oklch(40.17% 0.0263 59.52) 80.6%, oklch(37.58% 0.0240 58.70) 83.9%, oklch(35.13% 0.0218 57.96) 87.1%, oklch(32.90% 0.0197 57.29) 90.3%, oklch(30.91% 0.0179 56.71) 93.5%, oklch(29.25% 0.0163 56.21) 96.8%, oklch(27.95% 0.0152 55.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.03 | 94.9 |
| 2 | 0.902 | 0.061 | 85.4 |
| 3 | 0.701 | 0.05 | 70.6 |
| 4 | 0.449 | 0.03 | 61.1 |
| 5 | 0.28 | 0.015 | 55.8 |

## In these collections

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

## Other forms

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