# Emerald honey and charcoal window light

An angular gradient turns from charcoal and dark teal through forest green, emerald, olive, honey gold, and warm cream. The light-to-dark closure creates a deliberate spoke within the colored sweep. Inspired by green and amber stained-glass windows, this palette suits decorative posters, ornamental backgrounds, and earthy jewel-toned editorial artwork.

- Also called: Black, green and beige angular gradient
- Seed: `kUNwm8Nhqz1suuJyjD0g`
- Page: https://grabient.com/kUNwm8Nhqz1suuJyjD0g?style=angularGradient&steps=48
- Drawn as: angular gradient, 48 steps, 90 degrees
- Kinds: dark to light, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#171a20` | `oklch(21.65% 0.0124 264.37)` | River Styx | white, 17.4 to 1 |
| 2 | `#181c22` | `oklch(22.39% 0.0146 260.62)` | Coarse Wool | white, 17.1 to 1 |
| 3 | `#181e26` | `oklch(23.25% 0.0172 255.98)` | Coarse Wool | white, 16.7 to 1 |
| 4 | `#192129` | `oklch(24.22% 0.0203 250.57)` | Crow Feather | white, 16.3 to 1 |
| 5 | `#19242d` | `oklch(25.30% 0.0237 244.49)` | Dark | white, 15.8 to 1 |
| 6 | `#182731` | `oklch(26.48% 0.0275 237.85)` | Abyssal Anchorfish Blue | white, 15.2 to 1 |
| 7 | `#172b35` | `oklch(27.75% 0.0315 230.77)` | Oceanic Noir | white, 14.6 to 1 |
| 8 | `#162f39` | `oklch(29.09% 0.0357 223.37)` | Tangaroa | white, 13.9 to 1 |
| 9 | `#14343c` | `oklch(30.51% 0.0400 215.74)` | Firmament Blue | white, 13.2 to 1 |
| 10 | `#12393f` | `oklch(31.97% 0.0445 208.00)` | Ghostlands Coal | white, 12.4 to 1 |
| 11 | `#0f3e41` | `oklch(33.49% 0.0490 200.27)` | Ghostlands Coal | white, 11.7 to 1 |
| 12 | `#0e4342` | `oklch(35.05% 0.0535 192.65)` | Rapture | white, 11 to 1 |
| 13 | `#0f4943` | `oklch(36.63% 0.0579 185.25)` | Country Squire | white, 10.2 to 1 |
| 14 | `#124e43` | `oklch(38.23% 0.0623 178.20)` | Swedish Green | white, 9.5 to 1 |
| 15 | `#175343` | `oklch(39.84% 0.0665 171.59)` | Bagpiper | white, 8.9 to 1 |
| 16 | `#1d5842` | `oklch(41.45% 0.0705 165.54)` | Rousseau Green | white, 8.3 to 1 |
| 17 | `#245c42` | `oklch(43.06% 0.0743 160.13)` | Greenbriar | white, 7.7 to 1 |
| 18 | `#2c6141` | `oklch(44.74% 0.0784 155.00)` | Green Pea | white, 7.2 to 1 |
| 19 | `#346640` | `oklch(46.51% 0.0830 150.05)` | Genever Green | white, 6.7 to 1 |
| 20 | `#3c6c3f` | `oklch(48.36% 0.0878 145.26)` | Arcala Green | white, 6.1 to 1 |
| 21 | `#45713d` | `oklch(50.27% 0.0928 140.64)` | Mount Hyjal | white, 5.7 to 1 |
| 22 | `#4f763b` | `oklch(52.23% 0.0979 136.18)` | Nereus | white, 5.2 to 1 |
| 23 | `#597c39` | `oklch(54.22% 0.1030 131.88)` | Mangrove Leaf | white, 4.8 to 1 |
| 24 | `#638136` | `oklch(56.23% 0.1079 127.75)` | Dirty Green | black, 4.7 to 1 |
| 25 | `#6d8634` | `oklch(58.24% 0.1126 123.78)` | Sun Valley | black, 5.1 to 1 |
| 26 | `#788b31` | `oklch(60.24% 0.1169 119.97)` | Sassy Grass | black, 5.5 to 1 |
| 27 | `#838f2f` | `oklch(62.21% 0.1207 116.32)` | Wasabi Nuts | black, 5.9 to 1 |
| 28 | `#8e942d` | `oklch(64.14% 0.1239 112.83)` | Chorus of Frogs | black, 6.4 to 1 |
| 29 | `#98982d` | `oklch(66.01% 0.1264 109.49)` | Appletini | black, 6.8 to 1 |
| 30 | `#a29c2e` | `oklch(67.81% 0.1281 106.32)` | Greedy Gecko | black, 7.3 to 1 |
| 31 | `#aba030` | `oklch(69.53% 0.1288 103.30)` | Martian | black, 7.8 to 1 |
| 32 | `#b4a335` | `oklch(71.14% 0.1285 100.44)` | Grassy Ochre | black, 8.2 to 1 |
| 33 | `#bca73b` | `oklch(72.66% 0.1270 97.75)` | Hey Pesto | black, 8.7 to 1 |
| 34 | `#c4aa44` | `oklch(74.17% 0.1239 95.27)` | Oil Yellow | black, 9.1 to 1 |
| 35 | `#caae4e` | `oklch(75.65% 0.1196 92.99)` | Hollywood | black, 9.6 to 1 |
| 36 | `#d0b258` | `oklch(77.10% 0.1142 90.91)` | Tanami Desert | black, 10.1 to 1 |
| 37 | `#d5b664` | `oklch(78.52% 0.1079 89.00)` | Wax Way | black, 10.6 to 1 |
| 38 | `#d9ba6f` | `oklch(79.90% 0.1009 87.26)` | Pineapple Wine | black, 11.1 to 1 |
| 39 | `#ddbe7a` | `oklch(81.24% 0.0933 85.67)` | Brass Nail | black, 11.6 to 1 |
| 40 | `#e0c285` | `oklch(82.52% 0.0854 84.23)` | Gold Tint | black, 12.1 to 1 |
| 41 | `#e2c690` | `oklch(83.74% 0.0773 82.91)` | Clay Bake | black, 12.7 to 1 |
| 42 | `#e4ca9a` | `oklch(84.90% 0.0693 81.71)` | Frozen Fruit | black, 13.1 to 1 |
| 43 | `#e6cda4` | `oklch(85.99% 0.0616 80.62)` | Coconut Crumble | black, 13.6 to 1 |
| 44 | `#e7d1ad` | `oklch(87.00% 0.0543 79.61)` | Tuscan Bread | black, 14.1 to 1 |
| 45 | `#e9d4b5` | `oklch(87.93% 0.0476 78.69)` | Sand Pearl | black, 14.5 to 1 |
| 46 | `#ead7bc` | `oklch(88.77% 0.0417 77.83)` | Steamed Milk | black, 14.9 to 1 |
| 47 | `#eadac2` | `oklch(89.51% 0.0368 77.03)` | Pine Nut | black, 15.3 to 1 |
| 48 | `#ebdcc7` | `oklch(90.16% 0.0331 76.27)` | Yellow Page | black, 15.6 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #171a20 0.0%, #181c22 2.1%, #181e26 4.3%, #192129 6.4%, #19242d 8.5%, #182731 10.6%, #172b35 12.8%, #162f39 14.9%, #14343c 17.0%, #12393f 19.1%, #0f3e41 21.3%, #0e4342 23.4%, #0f4943 25.5%, #124e43 27.7%, #175343 29.8%, #1d5842 31.9%, #245c42 34.0%, #2c6141 36.2%, #346640 38.3%, #3c6c3f 40.4%, #45713d 42.6%, #4f763b 44.7%, #597c39 46.8%, #638136 48.9%, #6d8634 51.1%, #788b31 53.2%, #838f2f 55.3%, #8e942d 57.4%, #98982d 59.6%, #a29c2e 61.7%, #aba030 63.8%, #b4a335 66.0%, #bca73b 68.1%, #c4aa44 70.2%, #caae4e 72.3%, #d0b258 74.5%, #d5b664 76.6%, #d9ba6f 78.7%, #ddbe7a 80.9%, #e0c285 83.0%, #e2c690 85.1%, #e4ca9a 87.2%, #e6cda4 89.4%, #e7d1ad 91.5%, #e9d4b5 93.6%, #ead7bc 95.7%, #eadac2 97.9%, #ebdcc7 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(21.65% 0.0124 264.37) 0.0%, oklch(22.39% 0.0146 260.62) 2.1%, oklch(23.25% 0.0172 255.98) 4.3%, oklch(24.22% 0.0203 250.57) 6.4%, oklch(25.30% 0.0237 244.49) 8.5%, oklch(26.48% 0.0275 237.85) 10.6%, oklch(27.75% 0.0315 230.77) 12.8%, oklch(29.09% 0.0357 223.37) 14.9%, oklch(30.51% 0.0400 215.74) 17.0%, oklch(31.97% 0.0445 208.00) 19.1%, oklch(33.49% 0.0490 200.27) 21.3%, oklch(35.05% 0.0535 192.65) 23.4%, oklch(36.63% 0.0579 185.25) 25.5%, oklch(38.23% 0.0623 178.20) 27.7%, oklch(39.84% 0.0665 171.59) 29.8%, oklch(41.45% 0.0705 165.54) 31.9%, oklch(43.06% 0.0743 160.13) 34.0%, oklch(44.74% 0.0784 155.00) 36.2%, oklch(46.51% 0.0830 150.05) 38.3%, oklch(48.36% 0.0878 145.26) 40.4%, oklch(50.27% 0.0928 140.64) 42.6%, oklch(52.23% 0.0979 136.18) 44.7%, oklch(54.22% 0.1030 131.88) 46.8%, oklch(56.23% 0.1079 127.75) 48.9%, oklch(58.24% 0.1126 123.78) 51.1%, oklch(60.24% 0.1169 119.97) 53.2%, oklch(62.21% 0.1207 116.32) 55.3%, oklch(64.14% 0.1239 112.83) 57.4%, oklch(66.01% 0.1264 109.49) 59.6%, oklch(67.81% 0.1281 106.32) 61.7%, oklch(69.53% 0.1288 103.30) 63.8%, oklch(71.14% 0.1285 100.44) 66.0%, oklch(72.66% 0.1270 97.75) 68.1%, oklch(74.17% 0.1239 95.27) 70.2%, oklch(75.65% 0.1196 92.99) 72.3%, oklch(77.10% 0.1142 90.91) 74.5%, oklch(78.52% 0.1079 89.00) 76.6%, oklch(79.90% 0.1009 87.26) 78.7%, oklch(81.24% 0.0933 85.67) 80.9%, oklch(82.52% 0.0854 84.23) 83.0%, oklch(83.74% 0.0773 82.91) 85.1%, oklch(84.90% 0.0693 81.71) 87.2%, oklch(85.99% 0.0616 80.62) 89.4%, oklch(87.00% 0.0543 79.61) 91.5%, oklch(87.93% 0.0476 78.69) 93.6%, oklch(88.77% 0.0417 77.83) 95.7%, oklch(89.51% 0.0368 77.03) 97.9%, oklch(90.16% 0.0331 76.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.012 | 264.4 |
| 2 | 0.425 | 0.073 | 161.9 |
| 3 | 0.717 | 0.128 | 99.5 |
| 4 | 0.902 | 0.033 | 76.3 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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