# Twilight Smoke Ember Drift

A diagonal gradient starts in dark teal, passes through smoky blue-green and muted sage, warms into ochre and dusty rose, then ends in plum brown. The subdued drift suits incense packaging, twilight posters, ambient album covers, meditation graphics, and quiet backgrounds that join cool smoke with a restrained ember-like warmth.

- Also called: Black, teal, gray and dark purple linear gradient
- Seed: `kWQQ2PvpO99MSPfNI7AsBU6w`
- Page: https://grabient.com/kWQQ2PvpO99MSPfNI7AsBU6w?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.1 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 | `#192627` | `oklch(25.59% 0.0179 201.80)` | Swamp Thing | white, 15.6 to 1 |
| 2 | `#1b2b2c` | `oklch(27.54% 0.0211 200.44)` | Charleston Green | white, 14.7 to 1 |
| 3 | `#1e3233` | `oklch(30.19% 0.0256 198.63)` | Dark Pine Green | white, 13.4 to 1 |
| 4 | `#223b3c` | `oklch(33.36% 0.0310 196.48)` | Nordic | white, 11.8 to 1 |
| 5 | `#274645` | `oklch(36.84% 0.0368 194.09)` | Westhaven | white, 10.3 to 1 |
| 6 | `#2b504e` | `oklch(40.42% 0.0425 191.58)` | Dark Slate Grey | white, 8.8 to 1 |
| 7 | `#315b58` | `oklch(43.92% 0.0476 189.04)` | Lacrosse | white, 7.6 to 1 |
| 8 | `#366560` | `oklch(47.12% 0.0517 186.60)` | Moor Pond Green | white, 6.6 to 1 |
| 9 | `#3d6d66` | `oklch(49.86% 0.0542 184.40)` | Moonlit Forest | white, 5.8 to 1 |
| 10 | `#44756d` | `oklch(52.47% 0.0548 183.43)` | Tandayapa Cloud Forest | white, 5.2 to 1 |
| 11 | `#4c7c75` | `oklch(55.07% 0.0539 183.46)` | Turquoise Tortoise | white, 4.7 to 1 |
| 12 | `#55837c` | `oklch(57.58% 0.0522 183.73)` | Idyllic Island | black, 4.9 to 1 |
| 13 | `#5d8a83` | `oklch(59.90% 0.0502 183.51)` | Cretan Green | black, 5.4 to 1 |
| 14 | `#659088` | `oklch(61.96% 0.0485 182.04)` | Oil Blue | black, 5.8 to 1 |
| 15 | `#6c958b` | `oklch(63.66% 0.0477 178.57)` | Lunar Tide | black, 6.3 to 1 |
| 16 | `#71998c` | `oklch(64.92% 0.0485 172.35)` | Silent Sage | black, 6.6 to 1 |
| 17 | `#759b88` | `oklch(65.67% 0.0514 162.50)` | Silent Sage | black, 6.8 to 1 |
| 18 | `#7b9c7f` | `oklch(66.03% 0.0570 148.17)` | Scottish Highlands | black, 6.9 to 1 |
| 19 | `#859b71` | `oklch(66.01% 0.0644 130.47)` | Sleepy Hollow | black, 6.8 to 1 |
| 20 | `#939661` | `oklch(65.65% 0.0728 110.72)` | Indian Green | black, 6.7 to 1 |
| 21 | `#a28d53` | `oklch(64.96% 0.0812 90.25)` | Fallow Deer | black, 6.4 to 1 |
| 22 | `#ae824d` | `oklch(63.95% 0.0887 70.40)` | Gold Plated | black, 6.1 to 1 |
| 23 | `#b57750` | `oklch(62.65% 0.0945 52.48)` | Apricot Mix | black, 5.7 to 1 |
| 24 | `#b56e58` | `oklch(61.07% 0.0976 37.83)` | Cobrizo | black, 5.3 to 1 |
| 25 | `#b0665e` | `oklch(59.04% 0.0973 26.91)` | Preserved Petals | black, 4.8 to 1 |
| 26 | `#a55d60` | `oklch(56.25% 0.0940 18.11)` | Escalante | white, 4.8 to 1 |
| 27 | `#97555f` | `oklch(52.94% 0.0885 11.06)` | Cuban Rhythm | white, 5.5 to 1 |
| 28 | `#884d5b` | `oklch(49.37% 0.0818 5.46)` | Hawthorn Rose | white, 6.4 to 1 |
| 29 | `#794555` | `oklch(45.81% 0.0745 1.00)` | Deep Carmine | white, 7.4 to 1 |
| 30 | `#6c3e4f` | `oklch(42.51% 0.0675 357.39)` | Chilled Wine | white, 8.5 to 1 |
| 31 | `#613949` | `oklch(39.76% 0.0617 354.32)` | Liqueur Red | white, 9.6 to 1 |
| 32 | `#593545` | `oklch(37.80% 0.0579 351.50)` | Italian Plum | white, 10.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #192627 0.0%, #1b2b2c 3.2%, #1e3233 6.5%, #223b3c 9.7%, #274645 12.9%, #2b504e 16.1%, #315b58 19.4%, #366560 22.6%, #3d6d66 25.8%, #44756d 29.0%, #4c7c75 32.3%, #55837c 35.5%, #5d8a83 38.7%, #659088 41.9%, #6c958b 45.2%, #71998c 48.4%, #759b88 51.6%, #7b9c7f 54.8%, #859b71 58.1%, #939661 61.3%, #a28d53 64.5%, #ae824d 67.7%, #b57750 71.0%, #b56e58 74.2%, #b0665e 77.4%, #a55d60 80.6%, #97555f 83.9%, #884d5b 87.1%, #794555 90.3%, #6c3e4f 93.5%, #613949 96.8%, #593545 100.0%);
background: linear-gradient(315deg in oklch, oklch(25.59% 0.0179 201.80) 0.0%, oklch(27.54% 0.0211 200.44) 3.2%, oklch(30.19% 0.0256 198.63) 6.5%, oklch(33.36% 0.0310 196.48) 9.7%, oklch(36.84% 0.0368 194.09) 12.9%, oklch(40.42% 0.0425 191.58) 16.1%, oklch(43.92% 0.0476 189.04) 19.4%, oklch(47.12% 0.0517 186.60) 22.6%, oklch(49.86% 0.0542 184.40) 25.8%, oklch(52.47% 0.0548 183.43) 29.0%, oklch(55.07% 0.0539 183.46) 32.3%, oklch(57.58% 0.0522 183.73) 35.5%, oklch(59.90% 0.0502 183.51) 38.7%, oklch(61.96% 0.0485 182.04) 41.9%, oklch(63.66% 0.0477 178.57) 45.2%, oklch(64.92% 0.0485 172.35) 48.4%, oklch(65.67% 0.0514 162.50) 51.6%, oklch(66.03% 0.0570 148.17) 54.8%, oklch(66.01% 0.0644 130.47) 58.1%, oklch(65.65% 0.0728 110.72) 61.3%, oklch(64.96% 0.0812 90.25) 64.5%, oklch(63.95% 0.0887 70.40) 67.7%, oklch(62.65% 0.0945 52.48) 71.0%, oklch(61.07% 0.0976 37.83) 74.2%, oklch(59.04% 0.0973 26.91) 77.4%, oklch(56.25% 0.0940 18.11) 80.6%, oklch(52.94% 0.0885 11.06) 83.9%, oklch(49.37% 0.0818 5.46) 87.1%, oklch(45.81% 0.0745 1.00) 90.3%, oklch(42.51% 0.0675 357.39) 93.5%, oklch(39.76% 0.0617 354.32) 96.8%, oklch(37.80% 0.0579 351.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.018 | 201.8 |
| 2 | 0.492 | 0.054 | 184.9 |
| 3 | 0.654 | 0.05 | 168 |
| 4 | 0.606 | 0.098 | 34.8 |
| 5 | 0.378 | 0.058 | -8.5 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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