# Navy violet and acid green sweep

Dark navy opens through blue-violet, hot pink, peach, golden yellow, and acid green, then turns back through yellow and orange into coral. The angular gradient joins the warm finish to a pronounced cool shadow. It suits surreal digital artwork, experimental posters, vivid stage graphics, and playful compositions with dramatic color contrasts.

- Also called: Navy, pink, green and orange angular gradient
- Seed: `kURSax2UrInBH1BiMjTg`
- Page: https://grabient.com/kURSax2UrInBH1BiMjTg?style=angularGradient&steps=80&angle=225
- Drawn as: angular gradient, 80 steps, 225 degrees
- Kinds: light center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 11 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 | `#11283f` | `oklch(27.17% 0.0524 249.61)` | Eternal Darkness | white, 14.9 to 1 |
| 2 | `#122a43` | `oklch(28.06% 0.0556 251.03)` | Eternal Darkness | white, 14.5 to 1 |
| 3 | `#142d48` | `oklch(29.10% 0.0594 252.52)` | Crow Black Blue | white, 14 to 1 |
| 4 | `#162f4e` | `oklch(30.28% 0.0639 254.10)` | Crow Black Blue | white, 13.5 to 1 |
| 5 | `#183254` | `oklch(31.58% 0.0688 255.75)` | Elite Blue | white, 12.9 to 1 |
| 6 | `#1b355b` | `oklch(33.00% 0.0742 257.49)` | Incremental Blue | white, 12.2 to 1 |
| 7 | `#1e3962` | `oklch(34.53% 0.0801 259.32)` | Navy Peony | white, 11.5 to 1 |
| 8 | `#223c6a` | `oklch(36.14% 0.0862 261.25)` | Limoges | white, 10.8 to 1 |
| 9 | `#274073` | `oklch(37.84% 0.0927 263.27)` | Blue Expanse | white, 10.1 to 1 |
| 10 | `#2c437c` | `oklch(39.61% 0.0995 265.39)` | Sodalite Blue | white, 9.5 to 1 |
| 11 | `#324785` | `oklch(41.44% 0.1065 267.62)` | Indigo Night | white, 8.8 to 1 |
| 12 | `#394b8e` | `oklch(43.31% 0.1136 269.97)` | Blue Highlight | white, 8.1 to 1 |
| 13 | `#404e98` | `oklch(45.23% 0.1208 272.42)` | Deep Ultramarine | white, 7.5 to 1 |
| 14 | `#4852a2` | `oklch(47.17% 0.1281 274.99)` | Blue Ember | white, 7 to 1 |
| 15 | `#5055ac` | `oklch(49.12% 0.1354 277.69)` | Brandywine Raspberry | white, 6.4 to 1 |
| 16 | `#5958b5` | `oklch(51.08% 0.1427 280.51)` | Yuè Guāng Lán Moonlight | white, 5.9 to 1 |
| 17 | `#635cbe` | `oklch(53.03% 0.1498 283.46)` | Circumorbital Ring | white, 5.5 to 1 |
| 18 | `#6d5ec7` | `oklch(54.96% 0.1568 286.54)` | Ameixa | white, 5.1 to 1 |
| 19 | `#7861cf` | `oklch(56.86% 0.1636 289.77)` | Astro Purple | white, 4.7 to 1 |
| 20 | `#8363d6` | `oklch(58.73% 0.1701 293.13)` | Gloomy Purple | black, 4.7 to 1 |
| 21 | `#8e65dd` | `oklch(60.54% 0.1764 296.64)` | Matt Purple | black, 5 to 1 |
| 22 | `#9a67e2` | `oklch(62.28% 0.1822 300.30)` | Legendary Lavender | black, 5.4 to 1 |
| 23 | `#a668e6` | `oklch(63.96% 0.1877 304.12)` | Violet Voltage | black, 5.7 to 1 |
| 24 | `#b269e9` | `oklch(65.54% 0.1927 308.09)` | Queer Purple | black, 6 to 1 |
| 25 | `#bd6aeb` | `oklch(67.04% 0.1971 312.23)` | Queer Purple | black, 6.4 to 1 |
| 26 | `#c96aeb` | `oklch(68.42% 0.2011 316.53)` | Purple Snail | black, 6.7 to 1 |
| 27 | `#d46ae9` | `oklch(69.69% 0.2044 321.00)` | Purple Snail | black, 7 to 1 |
| 28 | `#e06ae5` | `oklch(70.84% 0.2071 325.75)` | Pink Bonnet | black, 7.3 to 1 |
| 29 | `#eb6adf` | `oklch(71.97% 0.2094 331.09)` | Lián Hóng Lotus Pink | black, 7.6 to 1 |
| 30 | `#f669d7` | `oklch(73.06% 0.2113 336.99)` | Rose Pink | black, 7.9 to 1 |
| 31 | `#ff6dcc` | `oklch(74.12% 0.2051 343.39)` | Nervous Neon Pink | black, 8.2 to 1 |
| 32 | `#ff79be` | `oklch(75.15% 0.1787 350.24)` | Dream Setting | black, 8.7 to 1 |
| 33 | `#ff83b2` | `oklch(76.15% 0.1581 357.47)` | Informative Pink | black, 9.1 to 1 |
| 34 | `#ff8ba8` | `oklch(77.11% 0.1423 5.03)` | Rock’n’Rose | black, 9.5 to 1 |
| 35 | `#ff93a0` | `oklch(78.04% 0.1305 12.85)` | Charming Cherry | black, 9.9 to 1 |
| 36 | `#ff9a98` | `oklch(78.93% 0.1219 20.88)` | Rubber Radish | black, 10.3 to 1 |
| 37 | `#ffa092` | `oklch(79.79% 0.1162 29.05)` | Peach Amber | black, 10.6 to 1 |
| 38 | `#ffa58b` | `oklch(80.61% 0.1131 37.32)` | Citrus Hill | black, 11 to 1 |
| 39 | `#ffab84` | `oklch(81.40% 0.1127 45.61)` | Sunset Over the Alps | black, 11.3 to 1 |
| 40 | `#ffb07c` | `oklch(82.14% 0.1150 53.87)` | Peach | black, 11.7 to 1 |
| 41 | `#ffb571` | `oklch(82.85% 0.1206 62.04)` | Apricot | black, 12 to 1 |
| 42 | `#ffb963` | `oklch(83.52% 0.1304 70.06)` | Warm Apricot | black, 12.3 to 1 |
| 43 | `#ffbe4d` | `oklch(84.15% 0.1460 77.87)` | Twenty Carat | black, 12.7 to 1 |
| 44 | `#ffc314` | `oklch(84.74% 0.1708 85.41)` | Happy Yipee | black, 13 to 1 |
| 45 | `#f7ca00` | `oklch(85.29% 0.1746 92.62)` | Golden Ticket | black, 13.3 to 1 |
| 46 | `#edd100` | `oklch(85.79% 0.1781 99.45)` | Under the Sun | black, 13.7 to 1 |
| 47 | `#e3d800` | `oklch(86.26% 0.1838 105.84)` | Chips Provencale | black, 14 to 1 |
| 48 | `#d8de00` | `oklch(86.67% 0.1915 111.72)` | Golden Gun | black, 14.3 to 1 |
| 49 | `#cce400` | `oklch(87.05% 0.2008 117.04)` | Electric Energy | black, 14.6 to 1 |
| 50 | `#c1e928` | `oklch(87.38% 0.2022 121.73)` | Sour Green | black, 14.9 to 1 |
| 51 | `#b6ec3f` | `oklch(87.66% 0.2007 125.75)` | Energos | black, 15.1 to 1 |
| 52 | `#aeef4e` | `oklch(87.90% 0.1993 129.02)` | Inchworm | black, 15.2 to 1 |
| 53 | `#a7f158` | `oklch(88.09% 0.1979 131.49)` | Stadium Lawn | black, 15.4 to 1 |
| 54 | `#a3f35f` | `oklch(88.23% 0.1966 133.10)` | Stadium Lawn | black, 15.5 to 1 |
| 55 | `#a1f363` | `oklch(88.28% 0.1951 133.84)` | Stadium Lawn | black, 15.5 to 1 |
| 56 | `#a2f364` | `oklch(88.24% 0.1935 133.77)` | Stadium Lawn | black, 15.5 to 1 |
| 57 | `#a4f263` | `oklch(88.12% 0.1916 132.94)` | Stadium Lawn | black, 15.4 to 1 |
| 58 | `#a9f05f` | `oklch(87.92% 0.1896 131.42)` | Inchworm | black, 15.3 to 1 |
| 59 | `#afee5b` | `oklch(87.65% 0.1874 129.25)` | Inchworm | black, 15.1 to 1 |
| 60 | `#b6ea54` | `oklch(87.32% 0.1850 126.51)` | Inchworm | black, 14.9 to 1 |
| 61 | `#bde74c` | `oklch(86.92% 0.1826 123.24)` | Energos | black, 14.6 to 1 |
| 62 | `#c5e344` | `oklch(86.48% 0.1800 119.50)` | Greenivorous | black, 14.3 to 1 |
| 63 | `#cdde3b` | `oklch(85.99% 0.1774 115.37)` | Greenivorous | black, 14 to 1 |
| 64 | `#d5d932` | `oklch(85.46% 0.1747 110.88)` | Poisonous Ice Cream | black, 13.7 to 1 |
| 65 | `#ddd329` | `oklch(84.90% 0.1720 106.11)` | Chips Provencale | black, 13.4 to 1 |
| 66 | `#e4ce23` | `oklch(84.31% 0.1692 101.10)` | Polliwog | black, 13.1 to 1 |
| 67 | `#eac81f` | `oklch(83.71% 0.1664 95.93)` | Golden Crescent | black, 12.7 to 1 |
| 68 | `#f0c221` | `oklch(83.09% 0.1637 90.64)` | Fresh Scent | black, 12.4 to 1 |
| 69 | `#f5bc26` | `oklch(82.47% 0.1609 85.30)` | Golden Lock | black, 12 to 1 |
| 70 | `#f9b62d` | `oklch(81.85% 0.1582 79.96)` | NYC Taxi | black, 11.7 to 1 |
| 71 | `#fcb135` | `oklch(81.24% 0.1556 74.68)` | Sunshine Surprise | black, 11.4 to 1 |
| 72 | `#feac3e` | `oklch(80.64% 0.1531 69.53)` | Peach Butter | black, 11.1 to 1 |
| 73 | `#ffa849` | `oklch(80.06% 0.1485 64.56)` | Five Star | black, 10.9 to 1 |
| 74 | `#ffa453` | `oklch(79.51% 0.1440 59.82)` | Exotic Flower | black, 10.6 to 1 |
| 75 | `#ffa05b` | `oklch(79.00% 0.1412 55.38)` | Clarified Orange | black, 10.4 to 1 |
| 76 | `#ff9d61` | `oklch(78.52% 0.1395 51.29)` | Orange Spice | black, 10.2 to 1 |
| 77 | `#ff9a65` | `oklch(78.09% 0.1388 47.62)` | Atomic Tangerine | black, 10 to 1 |
| 78 | `#ff9869` | `oklch(77.72% 0.1386 44.42)` | Atomic Tangerine | black, 9.9 to 1 |
| 79 | `#ff956c` | `oklch(77.41% 0.1388 41.75)` | Hibiscus Delight | black, 9.8 to 1 |
| 80 | `#fe9470` | `oklch(77.17% 0.1378 39.67)` | Hibiscus Delight | black, 9.7 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #11283f 0.0%, #122a43 1.3%, #142d48 2.5%, #162f4e 3.8%, #183254 5.1%, #1b355b 6.3%, #1e3962 7.6%, #223c6a 8.9%, #274073 10.1%, #2c437c 11.4%, #324785 12.7%, #394b8e 13.9%, #404e98 15.2%, #4852a2 16.5%, #5055ac 17.7%, #5958b5 19.0%, #635cbe 20.3%, #6d5ec7 21.5%, #7861cf 22.8%, #8363d6 24.1%, #8e65dd 25.3%, #9a67e2 26.6%, #a668e6 27.8%, #b269e9 29.1%, #bd6aeb 30.4%, #c96aeb 31.6%, #d46ae9 32.9%, #e06ae5 34.2%, #eb6adf 35.4%, #f669d7 36.7%, #ff6dcc 38.0%, #ff79be 39.2%, #ff83b2 40.5%, #ff8ba8 41.8%, #ff93a0 43.0%, #ff9a98 44.3%, #ffa092 45.6%, #ffa58b 46.8%, #ffab84 48.1%, #ffb07c 49.4%, #ffb571 50.6%, #ffb963 51.9%, #ffbe4d 53.2%, #ffc314 54.4%, #f7ca00 55.7%, #edd100 57.0%, #e3d800 58.2%, #d8de00 59.5%, #cce400 60.8%, #c1e928 62.0%, #b6ec3f 63.3%, #aeef4e 64.6%, #a7f158 65.8%, #a3f35f 67.1%, #a1f363 68.4%, #a2f364 69.6%, #a4f263 70.9%, #a9f05f 72.2%, #afee5b 73.4%, #b6ea54 74.7%, #bde74c 75.9%, #c5e344 77.2%, #cdde3b 78.5%, #d5d932 79.7%, #ddd329 81.0%, #e4ce23 82.3%, #eac81f 83.5%, #f0c221 84.8%, #f5bc26 86.1%, #f9b62d 87.3%, #fcb135 88.6%, #feac3e 89.9%, #ffa849 91.1%, #ffa453 92.4%, #ffa05b 93.7%, #ff9d61 94.9%, #ff9a65 96.2%, #ff9869 97.5%, #ff956c 98.7%, #fe9470 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(27.17% 0.0524 249.61) 0.0%, oklch(28.06% 0.0556 251.03) 1.3%, oklch(29.10% 0.0594 252.52) 2.5%, oklch(30.28% 0.0639 254.10) 3.8%, oklch(31.58% 0.0688 255.75) 5.1%, oklch(33.00% 0.0742 257.49) 6.3%, oklch(34.53% 0.0801 259.32) 7.6%, oklch(36.14% 0.0862 261.25) 8.9%, oklch(37.84% 0.0927 263.27) 10.1%, oklch(39.61% 0.0995 265.39) 11.4%, oklch(41.44% 0.1065 267.62) 12.7%, oklch(43.31% 0.1136 269.97) 13.9%, oklch(45.23% 0.1208 272.42) 15.2%, oklch(47.17% 0.1281 274.99) 16.5%, oklch(49.12% 0.1354 277.69) 17.7%, oklch(51.08% 0.1427 280.51) 19.0%, oklch(53.03% 0.1498 283.46) 20.3%, oklch(54.96% 0.1568 286.54) 21.5%, oklch(56.86% 0.1636 289.77) 22.8%, oklch(58.73% 0.1701 293.13) 24.1%, oklch(60.54% 0.1764 296.64) 25.3%, oklch(62.28% 0.1822 300.30) 26.6%, oklch(63.96% 0.1877 304.12) 27.8%, oklch(65.54% 0.1927 308.09) 29.1%, oklch(67.04% 0.1971 312.23) 30.4%, oklch(68.42% 0.2011 316.53) 31.6%, oklch(69.69% 0.2044 321.00) 32.9%, oklch(70.84% 0.2071 325.75) 34.2%, oklch(71.97% 0.2094 331.09) 35.4%, oklch(73.06% 0.2113 336.99) 36.7%, oklch(74.12% 0.2051 343.39) 38.0%, oklch(75.15% 0.1787 350.24) 39.2%, oklch(76.15% 0.1581 357.47) 40.5%, oklch(77.11% 0.1423 5.03) 41.8%, oklch(78.04% 0.1305 12.85) 43.0%, oklch(78.93% 0.1219 20.88) 44.3%, oklch(79.79% 0.1162 29.05) 45.6%, oklch(80.61% 0.1131 37.32) 46.8%, oklch(81.40% 0.1127 45.61) 48.1%, oklch(82.14% 0.1150 53.87) 49.4%, oklch(82.85% 0.1206 62.04) 50.6%, oklch(83.52% 0.1304 70.06) 51.9%, oklch(84.15% 0.1460 77.87) 53.2%, oklch(84.74% 0.1708 85.41) 54.4%, oklch(85.29% 0.1746 92.62) 55.7%, oklch(85.79% 0.1781 99.45) 57.0%, oklch(86.26% 0.1838 105.84) 58.2%, oklch(86.67% 0.1915 111.72) 59.5%, oklch(87.05% 0.2008 117.04) 60.8%, oklch(87.38% 0.2022 121.73) 62.0%, oklch(87.66% 0.2007 125.75) 63.3%, oklch(87.90% 0.1993 129.02) 64.6%, oklch(88.09% 0.1979 131.49) 65.8%, oklch(88.23% 0.1966 133.10) 67.1%, oklch(88.28% 0.1951 133.84) 68.4%, oklch(88.24% 0.1935 133.77) 69.6%, oklch(88.12% 0.1916 132.94) 70.9%, oklch(87.92% 0.1896 131.42) 72.2%, oklch(87.65% 0.1874 129.25) 73.4%, oklch(87.32% 0.1850 126.51) 74.7%, oklch(86.92% 0.1826 123.24) 75.9%, oklch(86.48% 0.1800 119.50) 77.2%, oklch(85.99% 0.1774 115.37) 78.5%, oklch(85.46% 0.1747 110.88) 79.7%, oklch(84.90% 0.1720 106.11) 81.0%, oklch(84.31% 0.1692 101.10) 82.3%, oklch(83.71% 0.1664 95.93) 83.5%, oklch(83.09% 0.1637 90.64) 84.8%, oklch(82.47% 0.1609 85.30) 86.1%, oklch(81.85% 0.1582 79.96) 87.3%, oklch(81.24% 0.1556 74.68) 88.6%, oklch(80.64% 0.1531 69.53) 89.9%, oklch(80.06% 0.1485 64.56) 91.1%, oklch(79.51% 0.1440 59.82) 92.4%, oklch(79.00% 0.1412 55.38) 93.7%, oklch(78.52% 0.1395 51.29) 94.9%, oklch(78.09% 0.1388 47.62) 96.2%, oklch(77.72% 0.1386 44.42) 97.5%, oklch(77.41% 0.1388 41.75) 98.7%, oklch(77.17% 0.1378 39.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.052 | 249.6 |
| 2 | 0.701 | 0.205 | 322.5 |
| 3 | 0.882 | 0.197 | 492.7 |
| 4 | 0.772 | 0.138 | 399.7 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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