# Smoked teal mint and copper glass gradient

Deep smoked teal opens through aqua and pale sea-glass mint, then turns through muted yellow green, honey, peach, copper, and dark russet. The angular gradient brings cool frosted light against a warm brown edge, with a deliberate prismatic closure. It suits decorative glass imagery, atmospheric product backgrounds, and warm-cool editorial compositions.

- Also called: Complementary teal, gray and brown angular gradient
- Seed: `kWUB-OQ56_GkRvZfIjMNB-9Q`
- Page: https://grabient.com/kWUB-OQ56_GkRvZfIjMNB-9Q?style=angularGradient&steps=48&angle=315
- Drawn as: angular gradient, 48 steps, 315 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.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 | `#12383a` | `oklch(31.50% 0.0427 199.69)` | Customs Green | white, 12.6 to 1 |
| 2 | `#123b3d` | `oklch(32.54% 0.0450 199.36)` | Ghostlands Coal | white, 12.1 to 1 |
| 3 | `#123f41` | `oklch(33.82% 0.0483 199.01)` | Rich Black | white, 11.5 to 1 |
| 4 | `#104445` | `oklch(35.30% 0.0522 198.63)` | Rapture | white, 10.9 to 1 |
| 5 | `#0f494a` | `oklch(36.96% 0.0567 198.20)` | Incubi Darkness | white, 10.1 to 1 |
| 6 | `#0c4e50` | `oklch(38.78% 0.0614 197.72)` | Port Malmesbury | white, 9.4 to 1 |
| 7 | `#095456` | `oklch(40.73% 0.0662 197.17)` | Ice Dark Turquoise | white, 8.6 to 1 |
| 8 | `#075b5c` | `oklch(42.78% 0.0709 196.55)` | Dark Turquoise | white, 7.9 to 1 |
| 9 | `#056262` | `oklch(44.91% 0.0751 195.85)` | Emerald Stone | white, 7.1 to 1 |
| 10 | `#066969` | `oklch(47.09% 0.0788 195.05)` | Bath Green | white, 6.5 to 1 |
| 11 | `#0b6f6f` | `oklch(49.30% 0.0817 194.15)` | Caribbean Current | white, 5.9 to 1 |
| 12 | `#147675` | `oklch(51.51% 0.0835 193.13)` | Prismarine | white, 5.3 to 1 |
| 13 | `#1e7d7a` | `oklch(53.71% 0.0841 192.01)` | Zirconia Teal | white, 4.9 to 1 |
| 14 | `#2a8481` | `oklch(56.15% 0.0831 191.14)` | Bayou | black, 4.7 to 1 |
| 15 | `#388c88` | `oklch(58.87% 0.0808 190.55)` | Taos Turquoise | black, 5.2 to 1 |
| 16 | `#469590` | `oklch(61.78% 0.0775 190.11)` | Mirage Lake | black, 5.9 to 1 |
| 17 | `#559d98` | `oklch(64.81% 0.0734 189.67)` | Caulerpa Lentillifera | black, 6.6 to 1 |
| 18 | `#63a6a0` | `oklch(67.87% 0.0688 189.09)` | Paradise Island | black, 7.4 to 1 |
| 19 | `#71aea9` | `oklch(70.87% 0.0641 188.23)` | Turquoise Fantasies | black, 8.3 to 1 |
| 20 | `#7eb7b0` | `oklch(73.74% 0.0595 186.95)` | Melodious | black, 9.2 to 1 |
| 21 | `#8abeb7` | `oklch(76.38% 0.0553 185.11)` | Undine | black, 10.1 to 1 |
| 22 | `#95c5bc` | `oklch(78.72% 0.0519 182.56)` | Focus Point | black, 11 to 1 |
| 23 | `#9ecbc0` | `oklch(80.67% 0.0494 179.18)` | Tareyton | black, 11.7 to 1 |
| 24 | `#a5cfc3` | `oklch(82.14% 0.0482 174.81)` | Phosphorus | black, 12.3 to 1 |
| 25 | `#a9d2c2` | `oklch(83.09% 0.0486 169.24)` | Swimming Pool Green | black, 12.7 to 1 |
| 26 | `#add4c0` | `oklch(83.67% 0.0505 162.01)` | Ginninderra | black, 12.9 to 1 |
| 27 | `#b1d5ba` | `oklch(83.93% 0.0535 153.36)` | Enchanted Meadow | black, 13 to 1 |
| 28 | `#b5d4b3` | `oklch(83.89% 0.0574 143.61)` | Flower Stem | black, 13 to 1 |
| 29 | `#bad2a9` | `oklch(83.56% 0.0621 133.08)` | Jaded Lime | black, 12.9 to 1 |
| 30 | `#c0cf9e` | `oklch(82.98% 0.0672 122.09)` | Fava Bean | black, 12.6 to 1 |
| 31 | `#c6ca93` | `oklch(82.16% 0.0725 110.98)` | Creamy Spinaci | black, 12.2 to 1 |
| 32 | `#cdc388` | `oklch(81.13% 0.0777 100.06)` | Tyrant Skull | black, 11.7 to 1 |
| 33 | `#d2bb7f` | `oklch(79.90% 0.0827 89.66)` | Independent Gold | black, 11.2 to 1 |
| 34 | `#d6b378` | `oklch(78.49% 0.0871 80.10)` | Egyptian Temple | black, 10.6 to 1 |
| 35 | `#d8ab72` | `oklch(76.93% 0.0907 71.71)` | Flower Field | black, 9.9 to 1 |
| 36 | `#d8a26e` | `oklch(75.24% 0.0932 64.82)` | Western Sunrise | black, 9.3 to 1 |
| 37 | `#d59a6b` | `oklch(73.30% 0.0947 59.48)` | Folksy Gold | black, 8.6 to 1 |
| 38 | `#cf9166` | `oklch(70.84% 0.0954 55.18)` | Whiskey | black, 7.9 to 1 |
| 39 | `#c78760` | `oklch(67.95% 0.0955 51.76)` | Wheatberry | black, 7 to 1 |
| 40 | `#bd7d59` | `oklch(64.75% 0.0951 49.10)` | Pheasant | black, 6.2 to 1 |
| 41 | `#b37251` | `oklch(61.33% 0.0943 47.10)` | Sunburn | black, 5.4 to 1 |
| 42 | `#a76749` | `oklch(57.82% 0.0932 45.62)` | Toffee Glaze | black, 4.6 to 1 |
| 43 | `#9c5d41` | `oklch(54.33% 0.0920 44.55)` | Chocolate Fountain | white, 5.1 to 1 |
| 44 | `#915439` | `oklch(50.96% 0.0906 43.77)` | Chestnut Chest | white, 5.9 to 1 |
| 45 | `#874b32` | `oklch(47.82% 0.0894 43.17)` | Paarl | white, 6.8 to 1 |
| 46 | `#7e432b` | `oklch(45.04% 0.0882 42.61)` | Cacao Nibs | white, 7.7 to 1 |
| 47 | `#763d26` | `oklch(42.71% 0.0873 41.99)` | Cowboy Suede | white, 8.5 to 1 |
| 48 | `#713822` | `oklch(40.94% 0.0868 41.17)` | Rosewood Brown | white, 9.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #12383a 0.0%, #123b3d 2.1%, #123f41 4.3%, #104445 6.4%, #0f494a 8.5%, #0c4e50 10.6%, #095456 12.8%, #075b5c 14.9%, #056262 17.0%, #066969 19.1%, #0b6f6f 21.3%, #147675 23.4%, #1e7d7a 25.5%, #2a8481 27.7%, #388c88 29.8%, #469590 31.9%, #559d98 34.0%, #63a6a0 36.2%, #71aea9 38.3%, #7eb7b0 40.4%, #8abeb7 42.6%, #95c5bc 44.7%, #9ecbc0 46.8%, #a5cfc3 48.9%, #a9d2c2 51.1%, #add4c0 53.2%, #b1d5ba 55.3%, #b5d4b3 57.4%, #bad2a9 59.6%, #c0cf9e 61.7%, #c6ca93 63.8%, #cdc388 66.0%, #d2bb7f 68.1%, #d6b378 70.2%, #d8ab72 72.3%, #d8a26e 74.5%, #d59a6b 76.6%, #cf9166 78.7%, #c78760 80.9%, #bd7d59 83.0%, #b37251 85.1%, #a76749 87.2%, #9c5d41 89.4%, #915439 91.5%, #874b32 93.6%, #7e432b 95.7%, #763d26 97.9%, #713822 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(31.50% 0.0427 199.69) 0.0%, oklch(32.54% 0.0450 199.36) 2.1%, oklch(33.82% 0.0483 199.01) 4.3%, oklch(35.30% 0.0522 198.63) 6.4%, oklch(36.96% 0.0567 198.20) 8.5%, oklch(38.78% 0.0614 197.72) 10.6%, oklch(40.73% 0.0662 197.17) 12.8%, oklch(42.78% 0.0709 196.55) 14.9%, oklch(44.91% 0.0751 195.85) 17.0%, oklch(47.09% 0.0788 195.05) 19.1%, oklch(49.30% 0.0817 194.15) 21.3%, oklch(51.51% 0.0835 193.13) 23.4%, oklch(53.71% 0.0841 192.01) 25.5%, oklch(56.15% 0.0831 191.14) 27.7%, oklch(58.87% 0.0808 190.55) 29.8%, oklch(61.78% 0.0775 190.11) 31.9%, oklch(64.81% 0.0734 189.67) 34.0%, oklch(67.87% 0.0688 189.09) 36.2%, oklch(70.87% 0.0641 188.23) 38.3%, oklch(73.74% 0.0595 186.95) 40.4%, oklch(76.38% 0.0553 185.11) 42.6%, oklch(78.72% 0.0519 182.56) 44.7%, oklch(80.67% 0.0494 179.18) 46.8%, oklch(82.14% 0.0482 174.81) 48.9%, oklch(83.09% 0.0486 169.24) 51.1%, oklch(83.67% 0.0505 162.01) 53.2%, oklch(83.93% 0.0535 153.36) 55.3%, oklch(83.89% 0.0574 143.61) 57.4%, oklch(83.56% 0.0621 133.08) 59.6%, oklch(82.98% 0.0672 122.09) 61.7%, oklch(82.16% 0.0725 110.98) 63.8%, oklch(81.13% 0.0777 100.06) 66.0%, oklch(79.90% 0.0827 89.66) 68.1%, oklch(78.49% 0.0871 80.10) 70.2%, oklch(76.93% 0.0907 71.71) 72.3%, oklch(75.24% 0.0932 64.82) 74.5%, oklch(73.30% 0.0947 59.48) 76.6%, oklch(70.84% 0.0954 55.18) 78.7%, oklch(67.95% 0.0955 51.76) 80.9%, oklch(64.75% 0.0951 49.10) 83.0%, oklch(61.33% 0.0943 47.10) 85.1%, oklch(57.82% 0.0932 45.62) 87.2%, oklch(54.33% 0.0920 44.55) 89.4%, oklch(50.96% 0.0906 43.77) 91.5%, oklch(47.82% 0.0894 43.17) 93.6%, oklch(45.04% 0.0882 42.61) 95.7%, oklch(42.71% 0.0873 41.99) 97.9%, oklch(40.94% 0.0868 41.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.043 | 199.7 |
| 2 | 0.531 | 0.084 | 192.3 |
| 3 | 0.827 | 0.048 | 172.2 |
| 4 | 0.748 | 0.094 | 63.4 |
| 5 | 0.409 | 0.087 | 41.2 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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