# Teal antique gold and ink reflection

Seamless black, teal, green and olive angular gradient with 80 colors: #070c12, #080e14, #091017, #0a121a, #0b141d, #0c1721, #0d1a25, #0e1d2a, #0f202e, #102433, #112738, #112b3d, #122f42, #123348, #12374d, #113b52, #113f56, #0f435b, #0e475f, #0c4a62, #094e66, #065169, #03556b, #00586e, #005b70, #005f72, #006273, #006575, #006876, #006b78, #006e79, #00727a, #00757a, #00787b, #007b7b, #007e7b, #02817b, #0a847a, #128679, #1a8978, #218c76, #298e74, #329171, #3c956e, #479869, #539b64, #609d5f, #6c9f59, #79a153, #85a24c, #90a346, #9ba341, #a5a33c, #ada338, #b4a235, #b9a134, #bc9f33, #be9e32, #bc9c32, #b99a31, #b39731, #aa9431, #9e9132, #908c34, #808737, #6f813b, #5e793e, #4e7141, #3e6843, #305f43, #245542, #1c4b40, #16413c, #143736, #122e30, #11262a, #101f23, #0e191d, #0d1417, #0b1013. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black, teal, green and olive angular gradient
- Seed: `kWJwuzMhq9MijufYLTXFYPQo`
- Page: https://grabient.com/kWJwuzMhq9MijufYLTXFYPQo?style=angularGradient&steps=80
- Drawn as: angular gradient, 80 steps, 90 degrees
- Kinds: light center, vivid, multicolor, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 7.6 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 | `#070c12` | `oklch(15.35% 0.0152 251.72)` | Dark Rift | white, 19.5 to 1 |
| 2 | `#080e14` | `oklch(16.03% 0.0168 251.11)` | Midnight Oil | white, 19.3 to 1 |
| 3 | `#091017` | `oklch(16.83% 0.0188 250.44)` | Nyctophobia | white, 19.1 to 1 |
| 4 | `#0a121a` | `oklch(17.75% 0.0211 249.73)` | Midnight Edition | white, 18.8 to 1 |
| 5 | `#0b141d` | `oklch(18.77% 0.0237 248.96)` | Midnight Edition | white, 18.5 to 1 |
| 6 | `#0c1721` | `oklch(19.89% 0.0265 248.13)` | Creeping Death | white, 18.1 to 1 |
| 7 | `#0d1a25` | `oklch(21.08% 0.0295 247.25)` | River Styx | white, 17.6 to 1 |
| 8 | `#0e1d2a` | `oklch(22.35% 0.0327 246.31)` | The Count’s Black | white, 17.1 to 1 |
| 9 | `#0f202e` | `oklch(23.67% 0.0361 245.31)` | The Count’s Black | white, 16.5 to 1 |
| 10 | `#102433` | `oklch(25.03% 0.0395 244.25)` | Fog of War | white, 15.9 to 1 |
| 11 | `#112738` | `oklch(26.43% 0.0430 243.12)` | Celestial Canvas | white, 15.2 to 1 |
| 12 | `#112b3d` | `oklch(27.85% 0.0465 241.93)` | Oceanic Noir | white, 14.5 to 1 |
| 13 | `#122f42` | `oklch(29.28% 0.0500 240.67)` | NATO Blue | white, 13.8 to 1 |
| 14 | `#123348` | `oklch(30.71% 0.0535 239.34)` | Halite Blue | white, 13.2 to 1 |
| 15 | `#12374d` | `oklch(32.12% 0.0569 237.95)` | Gibraltar Sea | white, 12.5 to 1 |
| 16 | `#113b52` | `oklch(33.50% 0.0601 236.48)` | Gibraltar Sea | white, 11.8 to 1 |
| 17 | `#113f56` | `oklch(34.85% 0.0633 234.94)` | Duskwood | white, 11.2 to 1 |
| 18 | `#0f435b` | `oklch(36.15% 0.0662 233.32)` | Sailor Blue | white, 10.6 to 1 |
| 19 | `#0e475f` | `oklch(37.39% 0.0689 231.62)` | Stegadon Scale Green | white, 10.1 to 1 |
| 20 | `#0c4a62` | `oklch(38.55% 0.0714 229.85)` | Swallow Blue | white, 9.6 to 1 |
| 21 | `#094e66` | `oklch(39.63% 0.0735 228.00)` | Hanada Blue | white, 9.1 to 1 |
| 22 | `#065169` | `oklch(40.68% 0.0755 226.09)` | Hanada Blue | white, 8.7 to 1 |
| 23 | `#03556b` | `oklch(41.70% 0.0773 224.12)` | Plunge | white, 8.3 to 1 |
| 24 | `#00586e` | `oklch(42.71% 0.0790 222.10)` | Sea Creature | white, 8 to 1 |
| 25 | `#005b70` | `oklch(43.70% 0.0796 220.04)` | Deep Lagoon | white, 7.6 to 1 |
| 26 | `#005f72` | `oklch(44.68% 0.0802 217.89)` | Ocean Radiance | white, 7.3 to 1 |
| 27 | `#006273` | `oklch(45.64% 0.0809 215.67)` | Ocean Radiance | white, 7 to 1 |
| 28 | `#006575` | `oklch(46.58% 0.0816 213.38)` | Green Spool | white, 6.7 to 1 |
| 29 | `#006876` | `oklch(47.50% 0.0824 211.02)` | Bankson Lake | white, 6.4 to 1 |
| 30 | `#006b78` | `oklch(48.41% 0.0834 208.58)` | Mary Blue | white, 6.1 to 1 |
| 31 | `#006e79` | `oklch(49.30% 0.0844 206.06)` | Carnival Night | white, 5.9 to 1 |
| 32 | `#00727a` | `oklch(50.18% 0.0855 203.47)` | Scurf Green | white, 5.7 to 1 |
| 33 | `#00757a` | `oklch(51.05% 0.0868 200.79)` | Maxi Teal | white, 5.5 to 1 |
| 34 | `#00787b` | `oklch(51.90% 0.0883 198.03)` | Blue Grass | white, 5.3 to 1 |
| 35 | `#007b7b` | `oklch(52.73% 0.0900 195.17)` | Buzzards Bay | white, 5.1 to 1 |
| 36 | `#007e7b` | `oklch(53.55% 0.0919 192.22)` | Parasailing | white, 4.9 to 1 |
| 37 | `#02817b` | `oklch(54.36% 0.0938 189.18)` | Blue Winged Teal | white, 4.7 to 1 |
| 38 | `#0a847a` | `oklch(55.15% 0.0949 186.04)` | Egyptian Green | white, 4.5 to 1 |
| 39 | `#128679` | `oklch(55.94% 0.0960 182.80)` | Mystic Turquoise | black, 4.7 to 1 |
| 40 | `#1a8978` | `oklch(56.71% 0.0972 179.46)` | Palm Springs Splash | black, 4.8 to 1 |
| 41 | `#218c76` | `oklch(57.48% 0.0985 175.93)` | Emerald Enchantment | black, 5 to 1 |
| 42 | `#298e74` | `oklch(58.36% 0.1002 171.77)` | Illuminating Emerald | black, 5.2 to 1 |
| 43 | `#329171` | `oklch(59.35% 0.1021 167.00)` | Leprechaun | black, 5.4 to 1 |
| 44 | `#3c956e` | `oklch(60.41% 0.1042 161.73)` | Illuminati Green | black, 5.6 to 1 |
| 45 | `#479869` | `oklch(61.54% 0.1065 156.06)` | Ocean Green | black, 5.9 to 1 |
| 46 | `#539b64` | `oklch(62.69% 0.1090 150.08)` | Solitary Tree | black, 6.2 to 1 |
| 47 | `#609d5f` | `oklch(63.86% 0.1115 143.90)` | Green Hornet | black, 6.4 to 1 |
| 48 | `#6c9f59` | `oklch(65.01% 0.1140 137.63)` | Astroturf | black, 6.7 to 1 |
| 49 | `#79a153` | `oklch(66.13% 0.1164 131.36)` | Tree Frog Green | black, 7 to 1 |
| 50 | `#85a24c` | `oklch(67.19% 0.1188 125.19)` | Nasturtium Shoot | black, 7.2 to 1 |
| 51 | `#90a346` | `oklch(68.17% 0.1210 119.23)` | Arathi Highlands | black, 7.5 to 1 |
| 52 | `#9ba341` | `oklch(69.05% 0.1230 113.59)` | Fresh Apple | black, 7.7 to 1 |
| 53 | `#a5a33c` | `oklch(69.79% 0.1247 108.35)` | Machine Green | black, 7.9 to 1 |
| 54 | `#ada338` | `oklch(70.39% 0.1261 103.63)` | Martian | black, 8 to 1 |
| 55 | `#b4a235` | `oklch(70.82% 0.1271 99.53)` | Grassy Ochre | black, 8.1 to 1 |
| 56 | `#b9a134` | `oklch(71.04% 0.1277 96.15)` | Grassy Ochre | black, 8.1 to 1 |
| 57 | `#bc9f33` | `oklch(71.05% 0.1278 93.58)` | Pollen Storm | black, 8.1 to 1 |
| 58 | `#be9e32` | `oklch(70.82% 0.1273 91.94)` | Tiki Torch | black, 8 to 1 |
| 59 | `#bc9c32` | `oklch(70.32% 0.1263 91.32)` | Gold Taffeta | black, 7.9 to 1 |
| 60 | `#b99a31` | `oklch(69.54% 0.1246 91.83)` | Gold Taffeta | black, 7.7 to 1 |
| 61 | `#b39731` | `oklch(68.40% 0.1221 93.63)` | Mana | black, 7.4 to 1 |
| 62 | `#aa9431` | `oklch(66.84% 0.1186 96.84)` | Shimmering Glade | black, 7 to 1 |
| 63 | `#9e9132` | `oklch(64.89% 0.1144 101.33)` | Art Nouveau Green | black, 6.5 to 1 |
| 64 | `#908c34` | `oklch(62.61% 0.1094 106.95)` | Uguisu Green | black, 5.9 to 1 |
| 65 | `#808737` | `oklch(60.03% 0.1037 113.56)` | Sacred Sapling | black, 5.4 to 1 |
| 66 | `#6f813b` | `oklch(57.20% 0.0976 121.01)` | Leaps and Bounds | black, 4.8 to 1 |
| 67 | `#5e793e` | `oklch(54.16% 0.0909 129.17)` | Mangrove Leaf | white, 4.8 to 1 |
| 68 | `#4e7141` | `oklch(50.97% 0.0840 137.88)` | Artichoke Green | white, 5.5 to 1 |
| 69 | `#3e6843` | `oklch(47.67% 0.0768 147.01)` | Friendly Fairway | white, 6.4 to 1 |
| 70 | `#305f43` | `oklch(44.30% 0.0694 156.41)` | Verde Garrafa | white, 7.4 to 1 |
| 71 | `#245542` | `oklch(40.90% 0.0620 165.94)` | Bagpiper | white, 8.5 to 1 |
| 72 | `#1c4b40` | `oklch(37.54% 0.0546 175.46)` | Swedish Green | white, 9.9 to 1 |
| 73 | `#16413c` | `oklch(34.24% 0.0474 184.81)` | Botanical Night | white, 11.3 to 1 |
| 74 | `#143736` | `oklch(31.06% 0.0405 193.86)` | Fait Accompli | white, 12.9 to 1 |
| 75 | `#122e30` | `oklch(28.03% 0.0339 202.46)` | Black Chasm | white, 14.4 to 1 |
| 76 | `#11262a` | `oklch(25.22% 0.0277 210.48)` | Sunken Ship | white, 15.7 to 1 |
| 77 | `#101f23` | `oklch(22.65% 0.0221 217.76)` | Black Feather | white, 16.9 to 1 |
| 78 | `#0e191d` | `oklch(20.39% 0.0172 224.16)` | Black Stallion | white, 17.9 to 1 |
| 79 | `#0d1417` | `oklch(18.46% 0.0130 229.54)` | Black Is Back | white, 18.6 to 1 |
| 80 | `#0b1013` | `oklch(16.93% 0.0096 233.75)` | Ruined Smores | white, 19.1 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #070c12 0.0%, #080e14 1.3%, #091017 2.5%, #0a121a 3.8%, #0b141d 5.1%, #0c1721 6.3%, #0d1a25 7.6%, #0e1d2a 8.9%, #0f202e 10.1%, #102433 11.4%, #112738 12.7%, #112b3d 13.9%, #122f42 15.2%, #123348 16.5%, #12374d 17.7%, #113b52 19.0%, #113f56 20.3%, #0f435b 21.5%, #0e475f 22.8%, #0c4a62 24.1%, #094e66 25.3%, #065169 26.6%, #03556b 27.8%, #00586e 29.1%, #005b70 30.4%, #005f72 31.6%, #006273 32.9%, #006575 34.2%, #006876 35.4%, #006b78 36.7%, #006e79 38.0%, #00727a 39.2%, #00757a 40.5%, #00787b 41.8%, #007b7b 43.0%, #007e7b 44.3%, #02817b 45.6%, #0a847a 46.8%, #128679 48.1%, #1a8978 49.4%, #218c76 50.6%, #298e74 51.9%, #329171 53.2%, #3c956e 54.4%, #479869 55.7%, #539b64 57.0%, #609d5f 58.2%, #6c9f59 59.5%, #79a153 60.8%, #85a24c 62.0%, #90a346 63.3%, #9ba341 64.6%, #a5a33c 65.8%, #ada338 67.1%, #b4a235 68.4%, #b9a134 69.6%, #bc9f33 70.9%, #be9e32 72.2%, #bc9c32 73.4%, #b99a31 74.7%, #b39731 75.9%, #aa9431 77.2%, #9e9132 78.5%, #908c34 79.7%, #808737 81.0%, #6f813b 82.3%, #5e793e 83.5%, #4e7141 84.8%, #3e6843 86.1%, #305f43 87.3%, #245542 88.6%, #1c4b40 89.9%, #16413c 91.1%, #143736 92.4%, #122e30 93.7%, #11262a 94.9%, #101f23 96.2%, #0e191d 97.5%, #0d1417 98.7%, #0b1013 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(15.35% 0.0152 251.72) 0.0%, oklch(16.03% 0.0168 251.11) 1.3%, oklch(16.83% 0.0188 250.44) 2.5%, oklch(17.75% 0.0211 249.73) 3.8%, oklch(18.77% 0.0237 248.96) 5.1%, oklch(19.89% 0.0265 248.13) 6.3%, oklch(21.08% 0.0295 247.25) 7.6%, oklch(22.35% 0.0327 246.31) 8.9%, oklch(23.67% 0.0361 245.31) 10.1%, oklch(25.03% 0.0395 244.25) 11.4%, oklch(26.43% 0.0430 243.12) 12.7%, oklch(27.85% 0.0465 241.93) 13.9%, oklch(29.28% 0.0500 240.67) 15.2%, oklch(30.71% 0.0535 239.34) 16.5%, oklch(32.12% 0.0569 237.95) 17.7%, oklch(33.50% 0.0601 236.48) 19.0%, oklch(34.85% 0.0633 234.94) 20.3%, oklch(36.15% 0.0662 233.32) 21.5%, oklch(37.39% 0.0689 231.62) 22.8%, oklch(38.55% 0.0714 229.85) 24.1%, oklch(39.63% 0.0735 228.00) 25.3%, oklch(40.68% 0.0755 226.09) 26.6%, oklch(41.70% 0.0773 224.12) 27.8%, oklch(42.71% 0.0790 222.10) 29.1%, oklch(43.70% 0.0796 220.04) 30.4%, oklch(44.68% 0.0802 217.89) 31.6%, oklch(45.64% 0.0809 215.67) 32.9%, oklch(46.58% 0.0816 213.38) 34.2%, oklch(47.50% 0.0824 211.02) 35.4%, oklch(48.41% 0.0834 208.58) 36.7%, oklch(49.30% 0.0844 206.06) 38.0%, oklch(50.18% 0.0855 203.47) 39.2%, oklch(51.05% 0.0868 200.79) 40.5%, oklch(51.90% 0.0883 198.03) 41.8%, oklch(52.73% 0.0900 195.17) 43.0%, oklch(53.55% 0.0919 192.22) 44.3%, oklch(54.36% 0.0938 189.18) 45.6%, oklch(55.15% 0.0949 186.04) 46.8%, oklch(55.94% 0.0960 182.80) 48.1%, oklch(56.71% 0.0972 179.46) 49.4%, oklch(57.48% 0.0985 175.93) 50.6%, oklch(58.36% 0.1002 171.77) 51.9%, oklch(59.35% 0.1021 167.00) 53.2%, oklch(60.41% 0.1042 161.73) 54.4%, oklch(61.54% 0.1065 156.06) 55.7%, oklch(62.69% 0.1090 150.08) 57.0%, oklch(63.86% 0.1115 143.90) 58.2%, oklch(65.01% 0.1140 137.63) 59.5%, oklch(66.13% 0.1164 131.36) 60.8%, oklch(67.19% 0.1188 125.19) 62.0%, oklch(68.17% 0.1210 119.23) 63.3%, oklch(69.05% 0.1230 113.59) 64.6%, oklch(69.79% 0.1247 108.35) 65.8%, oklch(70.39% 0.1261 103.63) 67.1%, oklch(70.82% 0.1271 99.53) 68.4%, oklch(71.04% 0.1277 96.15) 69.6%, oklch(71.05% 0.1278 93.58) 70.9%, oklch(70.82% 0.1273 91.94) 72.2%, oklch(70.32% 0.1263 91.32) 73.4%, oklch(69.54% 0.1246 91.83) 74.7%, oklch(68.40% 0.1221 93.63) 75.9%, oklch(66.84% 0.1186 96.84) 77.2%, oklch(64.89% 0.1144 101.33) 78.5%, oklch(62.61% 0.1094 106.95) 79.7%, oklch(60.03% 0.1037 113.56) 81.0%, oklch(57.20% 0.0976 121.01) 82.3%, oklch(54.16% 0.0909 129.17) 83.5%, oklch(50.97% 0.0840 137.88) 84.8%, oklch(47.67% 0.0768 147.01) 86.1%, oklch(44.30% 0.0694 156.41) 87.3%, oklch(40.90% 0.0620 165.94) 88.6%, oklch(37.54% 0.0546 175.46) 89.9%, oklch(34.24% 0.0474 184.81) 91.1%, oklch(31.06% 0.0405 193.86) 92.4%, oklch(28.03% 0.0339 202.46) 93.7%, oklch(25.22% 0.0277 210.48) 94.9%, oklch(22.65% 0.0221 217.76) 96.2%, oklch(20.39% 0.0172 224.16) 97.5%, oklch(18.46% 0.0130 229.54) 98.7%, oklch(16.93% 0.0096 233.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.015 | 251.7 |
| 2 | 0.394 | 0.073 | 228.5 |
| 3 | 0.571 | 0.098 | 177.7 |
| 4 | 0.693 | 0.124 | 92.1 |
| 5 | 0.169 | 0.01 | 233.8 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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