# Emerald Topaz Ruby Veil

Deep teal and emerald spread across this smooth diagonal gradient while a narrow corner warms through topaz yellow into ruby pink. The saturated field feels polished, exotic, and richly faceted, with a restrained bright accent against the darker greens. Use it for luxury jewelry campaign backgrounds or premium beauty packaging that needs gemstone color with directional movement.

- Also called: Dark green, teal, tan and purple linear gradient
- Seed: `kWVCF-UrG-d06vzgLLZtSs0w`
- Page: https://grabient.com/kWVCF-UrG-d06vzgLLZtSs0w?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, vivid, multicolor
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 5.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 | `#183d35` | `oklch(33.07% 0.0455 177.19)` | Botanical Night | white, 11.9 to 1 |
| 2 | `#18463c` | `oklch(35.80% 0.0532 176.13)` | MSU Green | white, 10.6 to 1 |
| 3 | `#175244` | `oklch(39.62% 0.0641 174.66)` | Breathe Deeply | white, 9 to 1 |
| 4 | `#15614f` | `oklch(44.18% 0.0771 172.91)` | Teal Drama | white, 7.3 to 1 |
| 5 | `#12715a` | `oklch(49.13% 0.0912 171.00)` | Tropical Rainforest | white, 5.9 to 1 |
| 6 | `#0d8264` | `oklch(54.09% 0.1053 169.05)` | Shadows of Time | white, 4.7 to 1 |
| 7 | `#08926e` | `oklch(58.73% 0.1186 167.19)` | Sea Swell | black, 5.3 to 1 |
| 8 | `#06a075` | `oklch(62.67% 0.1298 165.54)` | Free Speech Aquamarine | black, 6.3 to 1 |
| 9 | `#07ab7a` | `oklch(65.59% 0.1382 164.24)` | Bright Camouflage | black, 7 to 1 |
| 10 | `#00b27f` | `oklch(67.70% 0.1444 163.92)` | Dark Mountain Meadow | black, 7.7 to 1 |
| 11 | `#00b884` | `oklch(69.27% 0.1468 164.41)` | Slime Girl | black, 8.1 to 1 |
| 12 | `#00bc89` | `oklch(70.40% 0.1477 165.17)` | Slime Girl | black, 8.5 to 1 |
| 13 | `#00bf8c` | `oklch(71.22% 0.1484 165.69)` | Cōng Lǜ Green | black, 8.7 to 1 |
| 14 | `#00c18d` | `oklch(71.83% 0.1501 165.46)` | Cōng Lǜ Green | black, 9 to 1 |
| 15 | `#00c38b` | `oklch(72.36% 0.1543 163.95)` | Píng Gǔo Lǜ Green | black, 9.1 to 1 |
| 16 | `#0cc585` | `oklch(72.91% 0.1615 160.65)` | Píng Gǔo Lǜ Green | black, 9.3 to 1 |
| 17 | `#3bc67c` | `oklch(73.62% 0.1605 155.10)` | Googol | black, 9.5 to 1 |
| 18 | `#5ec770` | `oklch(74.60% 0.1572 147.48)` | Verdant Oasis | black, 9.8 to 1 |
| 19 | `#7dc664` | `oklch(75.70% 0.1523 138.22)` | Energise | black, 10.1 to 1 |
| 20 | `#99c458` | `oklch(76.72% 0.1462 127.69)` | Cabbage Patch | black, 10.4 to 1 |
| 21 | `#b1c04e` | `oklch(77.46% 0.1396 116.28)` | Celery | black, 10.5 to 1 |
| 22 | `#c4bb4a` | `oklch(77.73% 0.1332 104.39)` | Humorous Green | black, 10.5 to 1 |
| 23 | `#d2b34a` | `oklch(77.33% 0.1276 92.39)` | Farm Straw | black, 10.2 to 1 |
| 24 | `#daa84c` | `oklch(76.06% 0.1234 80.69)` | Golden Apricot | black, 9.6 to 1 |
| 25 | `#db9b4e` | `oklch(73.60% 0.1209 68.90)` | Honeycomb Yellow | black, 8.7 to 1 |
| 26 | `#d68950` | `oklch(69.73% 0.1193 55.69)` | Amber Wave | black, 7.5 to 1 |
| 27 | `#cb7453` | `oklch(64.88% 0.1185 41.67)` | Dusted Clay | black, 6.1 to 1 |
| 28 | `#bb6057` | `oklch(59.50% 0.1182 27.55)` | Wild Chestnut | black, 4.9 to 1 |
| 29 | `#a84e5a` | `oklch(54.04% 0.1182 14.00)` | Rose Vale | white, 5.3 to 1 |
| 30 | `#943f5b` | `oklch(48.96% 0.1184 1.73)` | Ancient Magenta | white, 6.7 to 1 |
| 31 | `#83345c` | `oklch(44.71% 0.1186 351.43)` | Alfonso Olive | white, 8 to 1 |
| 32 | `#762d5c` | `oklch(41.73% 0.1185 343.80)` | Magenta Purple | white, 9.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #183d35 0.0%, #18463c 3.2%, #175244 6.5%, #15614f 9.7%, #12715a 12.9%, #0d8264 16.1%, #08926e 19.4%, #06a075 22.6%, #07ab7a 25.8%, #00b27f 29.0%, #00b884 32.3%, #00bc89 35.5%, #00bf8c 38.7%, #00c18d 41.9%, #00c38b 45.2%, #0cc585 48.4%, #3bc67c 51.6%, #5ec770 54.8%, #7dc664 58.1%, #99c458 61.3%, #b1c04e 64.5%, #c4bb4a 67.7%, #d2b34a 71.0%, #daa84c 74.2%, #db9b4e 77.4%, #d68950 80.6%, #cb7453 83.9%, #bb6057 87.1%, #a84e5a 90.3%, #943f5b 93.5%, #83345c 96.8%, #762d5c 100.0%);
background: linear-gradient(225deg in oklch, oklch(33.07% 0.0455 177.19) 0.0%, oklch(35.80% 0.0532 176.13) 3.2%, oklch(39.62% 0.0641 174.66) 6.5%, oklch(44.18% 0.0771 172.91) 9.7%, oklch(49.13% 0.0912 171.00) 12.9%, oklch(54.09% 0.1053 169.05) 16.1%, oklch(58.73% 0.1186 167.19) 19.4%, oklch(62.67% 0.1298 165.54) 22.6%, oklch(65.59% 0.1382 164.24) 25.8%, oklch(67.70% 0.1444 163.92) 29.0%, oklch(69.27% 0.1468 164.41) 32.3%, oklch(70.40% 0.1477 165.17) 35.5%, oklch(71.22% 0.1484 165.69) 38.7%, oklch(71.83% 0.1501 165.46) 41.9%, oklch(72.36% 0.1543 163.95) 45.2%, oklch(72.91% 0.1615 160.65) 48.4%, oklch(73.62% 0.1605 155.10) 51.6%, oklch(74.60% 0.1572 147.48) 54.8%, oklch(75.70% 0.1523 138.22) 58.1%, oklch(76.72% 0.1462 127.69) 61.3%, oklch(77.46% 0.1396 116.28) 64.5%, oklch(77.73% 0.1332 104.39) 67.7%, oklch(77.33% 0.1276 92.39) 71.0%, oklch(76.06% 0.1234 80.69) 74.2%, oklch(73.60% 0.1209 68.90) 77.4%, oklch(69.73% 0.1193 55.69) 80.6%, oklch(64.88% 0.1185 41.67) 83.9%, oklch(59.50% 0.1182 27.55) 87.1%, oklch(54.04% 0.1182 14.00) 90.3%, oklch(48.96% 0.1184 1.73) 93.5%, oklch(44.71% 0.1186 351.43) 96.8%, oklch(41.73% 0.1185 343.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.045 | 177.2 |
| 2 | 0.65 | 0.136 | 164.5 |
| 3 | 0.732 | 0.161 | 158.2 |
| 4 | 0.756 | 0.123 | 77.9 |
| 5 | 0.417 | 0.119 | -16.2 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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