# Violet petrol and sea green oil sheen

Petroleum black opens through deep violet, blue, petrol teal, and muted sea green before returning to an almost black edge. The angular gradient keeps its colored reflection surrounded by darkness, suggesting the restrained sheen of a thin oil film. It suits dark material studies, futuristic packaging, moody editorial graphics, and atmospheric artwork with selective cool highlights.

- Also called: Seamless black, blue and teal angular gradient
- Seed: `kWJQq_qCTCjShOnHIjflAPJI`
- Page: https://grabient.com/kWJQq_qCTCjShOnHIjflAPJI?style=angularGradient&steps=96
- Drawn as: angular gradient, 96 steps, 90 degrees
- Kinds: light center, dark, cool, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 4.5 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 | `#080a10` | `oklch(14.57% 0.0138 269.30)` | Dark Rift | white, 19.7 to 1 |
| 2 | `#080b12` | `oklch(14.96% 0.0158 269.86)` | Dark Rift | white, 19.6 to 1 |
| 3 | `#090c14` | `oklch(15.42% 0.0183 270.61)` | Midnight Oil | white, 19.5 to 1 |
| 4 | `#0a0d16` | `oklch(15.94% 0.0212 271.51)` | Midnight Oil | white, 19.4 to 1 |
| 5 | `#0b0e19` | `oklch(16.52% 0.0245 272.55)` | Nyctophobia | white, 19.2 to 1 |
| 6 | `#0c0f1c` | `oklch(17.14% 0.0280 273.71)` | Nyctophobia | white, 19.1 to 1 |
| 7 | `#0d101f` | `oklch(17.82% 0.0319 274.98)` | Corbeau | white, 18.9 to 1 |
| 8 | `#0f1123` | `oklch(18.53% 0.0360 276.32)` | Corbeau | white, 18.6 to 1 |
| 9 | `#101226` | `oklch(19.28% 0.0402 277.71)` | Corbeau | white, 18.4 to 1 |
| 10 | `#12132a` | `oklch(20.06% 0.0446 279.15)` | Liberty Blue | white, 18.1 to 1 |
| 11 | `#14152e` | `oklch(20.86% 0.0492 280.60)` | Lost in Sadness | white, 17.8 to 1 |
| 12 | `#161632` | `oklch(21.69% 0.0537 282.05)` | Lost in Sadness | white, 17.5 to 1 |
| 13 | `#191736` | `oklch(22.52% 0.0584 283.48)` | Lost in Sadness | white, 17.2 to 1 |
| 14 | `#1b183a` | `oklch(23.36% 0.0630 284.86)` | Nightwalker | white, 16.9 to 1 |
| 15 | `#1e193e` | `oklch(24.21% 0.0675 286.18)` | Prune Plum | white, 16.6 to 1 |
| 16 | `#211a42` | `oklch(25.05% 0.0720 287.41)` | Prune Plum | white, 16.2 to 1 |
| 17 | `#231b46` | `oklch(25.89% 0.0763 288.54)` | Azulado | white, 15.9 to 1 |
| 18 | `#261c4a` | `oklch(26.71% 0.0804 289.54)` | Silent Orbit | white, 15.5 to 1 |
| 19 | `#291e4d` | `oklch(27.51% 0.0844 290.40)` | Silent Orbit | white, 15.1 to 1 |
| 20 | `#2b1f51` | `oklch(28.29% 0.0880 291.09)` | Pāua | white, 14.8 to 1 |
| 21 | `#2d2054` | `oklch(29.04% 0.0914 291.60)` | Cluedo Night | white, 14.5 to 1 |
| 22 | `#2f2158` | `oklch(29.76% 0.0944 291.90)` | Cluedo Night | white, 14.1 to 1 |
| 23 | `#31225b` | `oklch(30.43% 0.0970 291.97)` | Cluedo Night | white, 13.8 to 1 |
| 24 | `#33235d` | `oklch(31.06% 0.0992 291.79)` | Paris M | white, 13.5 to 1 |
| 25 | `#342560` | `oklch(31.64% 0.1010 291.35)` | Paris M | white, 13.3 to 1 |
| 26 | `#352663` | `oklch(32.18% 0.1023 290.69)` | Paris M | white, 13 to 1 |
| 27 | `#352865` | `oklch(32.68% 0.1034 289.84)` | Paris M | white, 12.8 to 1 |
| 28 | `#362967` | `oklch(33.17% 0.1041 288.80)` | Paris M | white, 12.5 to 1 |
| 29 | `#362b69` | `oklch(33.62% 0.1045 287.59)` | Paris M | white, 12.3 to 1 |
| 30 | `#352c6b` | `oklch(34.06% 0.1047 286.22)` | Deep Koamaru | white, 12.1 to 1 |
| 31 | `#352e6c` | `oklch(34.47% 0.1046 284.70)` | Deep Koamaru | white, 11.9 to 1 |
| 32 | `#34306e` | `oklch(34.87% 0.1044 283.04)` | Deep Koamaru | white, 11.7 to 1 |
| 33 | `#34316f` | `oklch(35.25% 0.1039 281.25)` | Ballpoint Indigo | white, 11.5 to 1 |
| 34 | `#323370` | `oklch(35.63% 0.1033 279.34)` | Ballpoint Indigo | white, 11.3 to 1 |
| 35 | `#313571` | `oklch(35.99% 0.1025 277.33)` | Ballpoint Indigo | white, 11.1 to 1 |
| 36 | `#303772` | `oklch(36.34% 0.1016 275.22)` | Ballpoint Indigo | white, 10.9 to 1 |
| 37 | `#2e3973` | `oklch(36.70% 0.1006 273.02)` | Good Karma | white, 10.8 to 1 |
| 38 | `#2d3a74` | `oklch(37.05% 0.0996 270.75)` | Good Karma | white, 10.6 to 1 |
| 39 | `#2b3c75` | `oklch(37.40% 0.0985 268.41)` | Blue Expanse | white, 10.4 to 1 |
| 40 | `#293e75` | `oklch(37.76% 0.0974 266.02)` | Blue Expanse | white, 10.2 to 1 |
| 41 | `#274076` | `oklch(38.12% 0.0964 263.58)` | Blue Expanse | white, 10 to 1 |
| 42 | `#254276` | `oklch(38.50% 0.0953 261.11)` | Monaco Blue | white, 9.9 to 1 |
| 43 | `#234476` | `oklch(38.88% 0.0943 258.62)` | Monaco Blue | white, 9.7 to 1 |
| 44 | `#214677` | `oklch(39.28% 0.0934 256.12)` | Theatre Blue | white, 9.5 to 1 |
| 45 | `#1e4877` | `oklch(39.70% 0.0926 253.61)` | Thunder Night | white, 9.3 to 1 |
| 46 | `#1c4a78` | `oklch(40.14% 0.0919 251.12)` | Thunder Night | white, 9.1 to 1 |
| 47 | `#194c78` | `oklch(40.60% 0.0914 248.64)` | Seashell Cove | white, 8.9 to 1 |
| 48 | `#174e79` | `oklch(41.09% 0.0910 246.20)` | Seashell Cove | white, 8.7 to 1 |
| 49 | `#145079` | `oklch(41.61% 0.0909 243.75)` | Silk Jewel | white, 8.5 to 1 |
| 50 | `#10537a` | `oklch(42.23% 0.0909 241.03)` | Ocean Spray | white, 8.2 to 1 |
| 51 | `#0a567b` | `oklch(42.94% 0.0911 238.04)` | Real Mccoy | white, 8 to 1 |
| 52 | `#03597d` | `oklch(43.74% 0.0915 234.81)` | Commandes | white, 7.7 to 1 |
| 53 | `#005c7d` | `oklch(44.61% 0.0903 231.40)` | Job’s Tears | white, 7.4 to 1 |
| 54 | `#00607d` | `oklch(45.52% 0.0886 227.80)` | Back of Beyond | white, 7.1 to 1 |
| 55 | `#00637d` | `oklch(46.48% 0.0873 224.07)` | Jamaican Dream | white, 6.8 to 1 |
| 56 | `#00677e` | `oklch(47.46% 0.0866 220.24)` | Tahitian Tide | white, 6.5 to 1 |
| 57 | `#006a7e` | `oklch(48.46% 0.0862 216.37)` | Porpoise Place | white, 6.2 to 1 |
| 58 | `#006e7e` | `oklch(49.46% 0.0863 212.48)` | Coastal Jetty | white, 5.9 to 1 |
| 59 | `#00727f` | `oklch(50.44% 0.0869 208.61)` | Deep Current | white, 5.6 to 1 |
| 60 | `#00757f` | `oklch(51.40% 0.0877 204.80)` | Night Scape | white, 5.4 to 1 |
| 61 | `#00797f` | `oklch(52.32% 0.0890 201.08)` | Hypnotic Sea | white, 5.2 to 1 |
| 62 | `#007c7f` | `oklch(53.19% 0.0905 197.50)` | Tropical Waters | white, 5 to 1 |
| 63 | `#007f7e` | `oklch(53.99% 0.0923 194.09)` | Teal | white, 4.8 to 1 |
| 64 | `#00827e` | `oklch(54.71% 0.0942 190.90)` | Pond Bath | white, 4.6 to 1 |
| 65 | `#00847d` | `oklch(55.34% 0.0963 187.94)` | Egyptian Green | black, 4.6 to 1 |
| 66 | `#00867c` | `oklch(55.86% 0.0983 185.27)` | Ornamental Turquoise | black, 4.7 to 1 |
| 67 | `#09887b` | `oklch(56.27% 0.0987 182.93)` | Green Ink | black, 4.8 to 1 |
| 68 | `#128979` | `oklch(56.54% 0.0983 180.94)` | Green Ink | black, 4.8 to 1 |
| 69 | `#188978` | `oklch(56.66% 0.0976 179.35)` | Palm Springs Splash | black, 4.8 to 1 |
| 70 | `#1d8976` | `oklch(56.63% 0.0968 178.19)` | Emerald Enchantment | black, 4.8 to 1 |
| 71 | `#208875` | `oklch(56.43% 0.0956 177.50)` | Palm Springs Splash | black, 4.8 to 1 |
| 72 | `#218674` | `oklch(56.03% 0.0941 177.32)` | Palm Springs Splash | black, 4.7 to 1 |
| 73 | `#228472` | `oklch(55.43% 0.0923 177.71)` | Summer Turquoise | black, 4.6 to 1 |
| 74 | `#218171` | `oklch(54.58% 0.0900 178.71)` | Mermaid Sea | white, 4.7 to 1 |
| 75 | `#207e6f` | `oklch(53.49% 0.0874 180.28)` | Blue Green | white, 4.9 to 1 |
| 76 | `#1e796d` | `oklch(52.21% 0.0844 182.36)` | Pond Moss | white, 5.2 to 1 |
| 77 | `#1c746b` | `oklch(50.73% 0.0811 184.92)` | Advantageous | white, 5.5 to 1 |
| 78 | `#1a6f69` | `oklch(49.10% 0.0775 187.89)` | Tide Pools | white, 5.9 to 1 |
| 79 | `#196966` | `oklch(47.32% 0.0737 191.23)` | Mosaic Tile | white, 6.4 to 1 |
| 80 | `#186262` | `oklch(45.41% 0.0697 194.88)` | Caribbean Swim | white, 7 to 1 |
| 81 | `#175c5e` | `oklch(43.41% 0.0655 198.81)` | Emerald Pool | white, 7.7 to 1 |
| 82 | `#17555a` | `oklch(41.33% 0.0612 202.95)` | Seaworld | white, 8.4 to 1 |
| 83 | `#174e55` | `oklch(39.19% 0.0568 207.25)` | Iron Teal | white, 9.3 to 1 |
| 84 | `#174750` | `oklch(37.01% 0.0524 211.67)` | Blue Hill | white, 10.2 to 1 |
| 85 | `#18404a` | `oklch(34.82% 0.0480 216.16)` | Bay Isle Pointe | white, 11.1 to 1 |
| 86 | `#173a44` | `oklch(32.63% 0.0436 220.67)` | Royal Neptune | white, 12.2 to 1 |
| 87 | `#17333e` | `oklch(30.47% 0.0392 225.14)` | Firmament Blue | white, 13.2 to 1 |
| 88 | `#162d38` | `oklch(28.36% 0.0350 229.52)` | Oceanic Noir | white, 14.3 to 1 |
| 89 | `#152732` | `oklch(26.32% 0.0309 233.78)` | Abyssal Anchorfish Blue | white, 15.3 to 1 |
| 90 | `#13222c` | `oklch(24.36% 0.0270 237.84)` | Crow Feather | white, 16.2 to 1 |
| 91 | `#121d26` | `oklch(22.53% 0.0233 241.68)` | Coarse Wool | white, 17 to 1 |
| 92 | `#101921` | `oklch(20.82% 0.0199 245.22)` | River Styx | white, 17.7 to 1 |
| 93 | `#0e151c` | `oklch(19.27% 0.0168 248.43)` | Black Is Back | white, 18.3 to 1 |
| 94 | `#0d1217` | `oklch(17.89% 0.0140 251.26)` | Midnight Edition | white, 18.8 to 1 |
| 95 | `#0b0f14` | `oklch(16.71% 0.0116 253.65)` | Ruined Smores | white, 19.2 to 1 |
| 96 | `#0a0d11` | `oklch(15.75% 0.0096 255.56)` | Midnight Oil | white, 19.4 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #080a10 0.0%, #080b12 1.1%, #090c14 2.1%, #0a0d16 3.2%, #0b0e19 4.2%, #0c0f1c 5.3%, #0d101f 6.3%, #0f1123 7.4%, #101226 8.4%, #12132a 9.5%, #14152e 10.5%, #161632 11.6%, #191736 12.6%, #1b183a 13.7%, #1e193e 14.7%, #211a42 15.8%, #231b46 16.8%, #261c4a 17.9%, #291e4d 18.9%, #2b1f51 20.0%, #2d2054 21.1%, #2f2158 22.1%, #31225b 23.2%, #33235d 24.2%, #342560 25.3%, #352663 26.3%, #352865 27.4%, #362967 28.4%, #362b69 29.5%, #352c6b 30.5%, #352e6c 31.6%, #34306e 32.6%, #34316f 33.7%, #323370 34.7%, #313571 35.8%, #303772 36.8%, #2e3973 37.9%, #2d3a74 38.9%, #2b3c75 40.0%, #293e75 41.1%, #274076 42.1%, #254276 43.2%, #234476 44.2%, #214677 45.3%, #1e4877 46.3%, #1c4a78 47.4%, #194c78 48.4%, #174e79 49.5%, #145079 50.5%, #10537a 51.6%, #0a567b 52.6%, #03597d 53.7%, #005c7d 54.7%, #00607d 55.8%, #00637d 56.8%, #00677e 57.9%, #006a7e 58.9%, #006e7e 60.0%, #00727f 61.1%, #00757f 62.1%, #00797f 63.2%, #007c7f 64.2%, #007f7e 65.3%, #00827e 66.3%, #00847d 67.4%, #00867c 68.4%, #09887b 69.5%, #128979 70.5%, #188978 71.6%, #1d8976 72.6%, #208875 73.7%, #218674 74.7%, #228472 75.8%, #218171 76.8%, #207e6f 77.9%, #1e796d 78.9%, #1c746b 80.0%, #1a6f69 81.1%, #196966 82.1%, #186262 83.2%, #175c5e 84.2%, #17555a 85.3%, #174e55 86.3%, #174750 87.4%, #18404a 88.4%, #173a44 89.5%, #17333e 90.5%, #162d38 91.6%, #152732 92.6%, #13222c 93.7%, #121d26 94.7%, #101921 95.8%, #0e151c 96.8%, #0d1217 97.9%, #0b0f14 98.9%, #0a0d11 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(14.57% 0.0138 269.30) 0.0%, oklch(14.96% 0.0158 269.86) 1.1%, oklch(15.42% 0.0183 270.61) 2.1%, oklch(15.94% 0.0212 271.51) 3.2%, oklch(16.52% 0.0245 272.55) 4.2%, oklch(17.14% 0.0280 273.71) 5.3%, oklch(17.82% 0.0319 274.98) 6.3%, oklch(18.53% 0.0360 276.32) 7.4%, oklch(19.28% 0.0402 277.71) 8.4%, oklch(20.06% 0.0446 279.15) 9.5%, oklch(20.86% 0.0492 280.60) 10.5%, oklch(21.69% 0.0537 282.05) 11.6%, oklch(22.52% 0.0584 283.48) 12.6%, oklch(23.36% 0.0630 284.86) 13.7%, oklch(24.21% 0.0675 286.18) 14.7%, oklch(25.05% 0.0720 287.41) 15.8%, oklch(25.89% 0.0763 288.54) 16.8%, oklch(26.71% 0.0804 289.54) 17.9%, oklch(27.51% 0.0844 290.40) 18.9%, oklch(28.29% 0.0880 291.09) 20.0%, oklch(29.04% 0.0914 291.60) 21.1%, oklch(29.76% 0.0944 291.90) 22.1%, oklch(30.43% 0.0970 291.97) 23.2%, oklch(31.06% 0.0992 291.79) 24.2%, oklch(31.64% 0.1010 291.35) 25.3%, oklch(32.18% 0.1023 290.69) 26.3%, oklch(32.68% 0.1034 289.84) 27.4%, oklch(33.17% 0.1041 288.80) 28.4%, oklch(33.62% 0.1045 287.59) 29.5%, oklch(34.06% 0.1047 286.22) 30.5%, oklch(34.47% 0.1046 284.70) 31.6%, oklch(34.87% 0.1044 283.04) 32.6%, oklch(35.25% 0.1039 281.25) 33.7%, oklch(35.63% 0.1033 279.34) 34.7%, oklch(35.99% 0.1025 277.33) 35.8%, oklch(36.34% 0.1016 275.22) 36.8%, oklch(36.70% 0.1006 273.02) 37.9%, oklch(37.05% 0.0996 270.75) 38.9%, oklch(37.40% 0.0985 268.41) 40.0%, oklch(37.76% 0.0974 266.02) 41.1%, oklch(38.12% 0.0964 263.58) 42.1%, oklch(38.50% 0.0953 261.11) 43.2%, oklch(38.88% 0.0943 258.62) 44.2%, oklch(39.28% 0.0934 256.12) 45.3%, oklch(39.70% 0.0926 253.61) 46.3%, oklch(40.14% 0.0919 251.12) 47.4%, oklch(40.60% 0.0914 248.64) 48.4%, oklch(41.09% 0.0910 246.20) 49.5%, oklch(41.61% 0.0909 243.75) 50.5%, oklch(42.23% 0.0909 241.03) 51.6%, oklch(42.94% 0.0911 238.04) 52.6%, oklch(43.74% 0.0915 234.81) 53.7%, oklch(44.61% 0.0903 231.40) 54.7%, oklch(45.52% 0.0886 227.80) 55.8%, oklch(46.48% 0.0873 224.07) 56.8%, oklch(47.46% 0.0866 220.24) 57.9%, oklch(48.46% 0.0862 216.37) 58.9%, oklch(49.46% 0.0863 212.48) 60.0%, oklch(50.44% 0.0869 208.61) 61.1%, oklch(51.40% 0.0877 204.80) 62.1%, oklch(52.32% 0.0890 201.08) 63.2%, oklch(53.19% 0.0905 197.50) 64.2%, oklch(53.99% 0.0923 194.09) 65.3%, oklch(54.71% 0.0942 190.90) 66.3%, oklch(55.34% 0.0963 187.94) 67.4%, oklch(55.86% 0.0983 185.27) 68.4%, oklch(56.27% 0.0987 182.93) 69.5%, oklch(56.54% 0.0983 180.94) 70.5%, oklch(56.66% 0.0976 179.35) 71.6%, oklch(56.63% 0.0968 178.19) 72.6%, oklch(56.43% 0.0956 177.50) 73.7%, oklch(56.03% 0.0941 177.32) 74.7%, oklch(55.43% 0.0923 177.71) 75.8%, oklch(54.58% 0.0900 178.71) 76.8%, oklch(53.49% 0.0874 180.28) 77.9%, oklch(52.21% 0.0844 182.36) 78.9%, oklch(50.73% 0.0811 184.92) 80.0%, oklch(49.10% 0.0775 187.89) 81.1%, oklch(47.32% 0.0737 191.23) 82.1%, oklch(45.41% 0.0697 194.88) 83.2%, oklch(43.41% 0.0655 198.81) 84.2%, oklch(41.33% 0.0612 202.95) 85.3%, oklch(39.19% 0.0568 207.25) 86.3%, oklch(37.01% 0.0524 211.67) 87.4%, oklch(34.82% 0.0480 216.16) 88.4%, oklch(32.63% 0.0436 220.67) 89.5%, oklch(30.47% 0.0392 225.14) 90.5%, oklch(28.36% 0.0350 229.52) 91.6%, oklch(26.32% 0.0309 233.78) 92.6%, oklch(24.36% 0.0270 237.84) 93.7%, oklch(22.53% 0.0233 241.68) 94.7%, oklch(20.82% 0.0199 245.22) 95.8%, oklch(19.27% 0.0168 248.43) 96.8%, oklch(17.89% 0.0140 251.26) 97.9%, oklch(16.71% 0.0116 253.65) 98.9%, oklch(15.75% 0.0096 255.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.014 | 269.3 |
| 2 | 0.315 | 0.101 | 291.5 |
| 3 | 0.413 | 0.091 | 245 |
| 4 | 0.559 | 0.094 | 177.4 |
| 5 | 0.157 | 0.01 | 255.6 |

## In these collections

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

## Other forms

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