# Violet pink and electric chartreuse

Sixty-four angular swatches move from near-black through indigo and violet into pink, coral, orange and bright yellow-green, finishing in pale cream. This modern palette combines a long cool shadow with a vivid warm passage and a luminous lime accent. Fine color bands create a detailed fan while preserving the dark-to-light progression.

- Also called: Black, navy, purple and off-white angular swatches
- Seed: `kWNQTBMqVCc22wJywtU-Qm-I`
- Page: https://grabient.com/kWNQTBMqVCc22wJywtU-Qm-I?style=angularSwatches&steps=64&angle=135
- Drawn as: angular swatches, 64 steps, 135 degrees
- Kinds: dark to light
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 15.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 | `#17181b` | `oklch(20.87% 0.0055 271.41)` | Aswad Black | white, 17.7 to 1 |
| 2 | `#18191e` | `oklch(21.54% 0.0090 272.19)` | Aswad Black | white, 17.5 to 1 |
| 3 | `#191b22` | `oklch(22.33% 0.0134 273.18)` | Coarse Wool | white, 17.1 to 1 |
| 4 | `#1b1d26` | `oklch(23.25% 0.0186 274.35)` | Coarse Wool | white, 16.8 to 1 |
| 5 | `#1d1f2c` | `oklch(24.27% 0.0244 275.66)` | Black Howl | white, 16.3 to 1 |
| 6 | `#1f2131` | `oklch(25.39% 0.0307 277.10)` | Black Howl | white, 15.8 to 1 |
| 7 | `#212337` | `oklch(26.58% 0.0374 278.63)` | Black Velvet | white, 15.3 to 1 |
| 8 | `#24263e` | `oklch(27.84% 0.0444 280.22)` | Midnight Express | white, 14.7 to 1 |
| 9 | `#282845` | `oklch(29.15% 0.0516 281.85)` | Royal Curtsy | white, 14.1 to 1 |
| 10 | `#2b2b4c` | `oklch(30.51% 0.0589 283.48)` | Royal Curtsy | white, 13.5 to 1 |
| 11 | `#2f2d53` | `oklch(31.89% 0.0662 285.10)` | Purple Noir | white, 12.9 to 1 |
| 12 | `#342f5a` | `oklch(33.29% 0.0734 286.66)` | Purple Noir | white, 12.3 to 1 |
| 13 | `#383261` | `oklch(34.69% 0.0803 288.15)` | Jakarta Skyline | white, 11.7 to 1 |
| 14 | `#3d3467` | `oklch(36.09% 0.0868 289.53)` | Minsk | white, 11.1 to 1 |
| 15 | `#42366e` | `oklch(37.46% 0.0928 290.77)` | Minsk | white, 10.5 to 1 |
| 16 | `#463974` | `oklch(38.79% 0.0983 291.85)` | Sage Violet | white, 10 to 1 |
| 17 | `#4b3b7a` | `oklch(40.08% 0.1031 292.73)` | Sage Violet | white, 9.5 to 1 |
| 18 | `#4f3d80` | `oklch(41.35% 0.1075 292.99)` | Loden Purple | white, 9 to 1 |
| 19 | `#524086` | `oklch(42.61% 0.1115 292.60)` | Harvest Night | white, 8.6 to 1 |
| 20 | `#54438c` | `oklch(43.86% 0.1153 291.72)` | Harvest Night | white, 8.1 to 1 |
| 21 | `#574792` | `oklch(45.12% 0.1189 290.47)` | Liberty | white, 7.7 to 1 |
| 22 | `#584a98` | `oklch(46.38% 0.1222 289.02)` | Liberty | white, 7.3 to 1 |
| 23 | `#5a4e9e` | `oklch(47.66% 0.1253 287.50)` | Coronation Blue | white, 6.9 to 1 |
| 24 | `#5c52a5` | `oklch(48.94% 0.1283 286.07)` | Brandywine Raspberry | white, 6.5 to 1 |
| 25 | `#5e56ab` | `oklch(50.25% 0.1311 284.86)` | Yuè Guāng Lán Moonlight | white, 6.2 to 1 |
| 26 | `#605ab1` | `oklch(51.57% 0.1338 284.03)` | Yuè Guāng Lán Moonlight | white, 5.8 to 1 |
| 27 | `#635db7` | `oklch(52.92% 0.1364 283.71)` | Blue Marguerite | white, 5.5 to 1 |
| 28 | `#6861bc` | `oklch(54.31% 0.1389 284.07)` | Bluish Purple Anemone | white, 5.2 to 1 |
| 29 | `#6d64c2` | `oklch(55.72% 0.1414 285.24)` | Ultra Violet | white, 4.9 to 1 |
| 30 | `#7467c7` | `oklch(57.18% 0.1439 287.36)` | Ultra Violet | white, 4.6 to 1 |
| 31 | `#7e69cc` | `oklch(58.68% 0.1464 290.59)` | Venus Violet | black, 4.7 to 1 |
| 32 | `#896bcf` | `oklch(60.23% 0.1489 295.07)` | True V | black, 5 to 1 |
| 33 | `#966dd1` | `oklch(61.84% 0.1516 301.03)` | Iridescent Purple | black, 5.3 to 1 |
| 34 | `#a66dd1` | `oklch(63.59% 0.1547 308.94)` | Rich Lavender | black, 5.7 to 1 |
| 35 | `#b96dce` | `oklch(65.46% 0.1583 318.61)` | Rich Lilac | black, 6.1 to 1 |
| 36 | `#cc6dc6` | `oklch(67.43% 0.1622 329.76)` | Gulābī Pink | black, 6.5 to 1 |
| 37 | `#e06eb9` | `oklch(69.47% 0.1663 342.11)` | Explicit Pink | black, 7.1 to 1 |
| 38 | `#f370a8` | `oklch(71.57% 0.1704 355.38)` | Crazy Pink | black, 7.6 to 1 |
| 39 | `#ff7793` | `oklch(73.69% 0.1664 9.28)` | Aggressive Salmon | black, 8.3 to 1 |
| 40 | `#ff8984` | `oklch(75.81% 0.1444 23.53)` | Coral Trails | black, 9.1 to 1 |
| 41 | `#ff9778` | `oklch(77.90% 0.1327 37.84)` | Flash in the Pan | black, 9.9 to 1 |
| 42 | `#ffa56c` | `oklch(79.95% 0.1293 51.94)` | Baby Melon | black, 10.8 to 1 |
| 43 | `#ffb15e` | `oklch(81.93% 0.1345 65.54)` | Vintage Orange | black, 11.6 to 1 |
| 44 | `#ffbc44` | `oklch(83.81% 0.1511 78.35)` | Pale Marigold | black, 12.5 to 1 |
| 45 | `#fcc900` | `oklch(85.57% 0.1749 90.09)` | Toucan Gentleman | black, 13.4 to 1 |
| 46 | `#f0d600` | `oklch(87.19% 0.1816 100.49)` | The End Is Beer | black, 14.3 to 1 |
| 47 | `#e4e220` | `oklch(88.63% 0.1871 109.25)` | Peridot | black, 15.2 to 1 |
| 48 | `#d8ec43` | `oklch(89.88% 0.1842 116.09)` | Yellow Duranta | black, 15.9 to 1 |
| 49 | `#d0f25a` | `oklch(90.93% 0.1797 120.95)` | Ultra Moss | black, 16.5 to 1 |
| 50 | `#cbf76b` | `oklch(91.81% 0.1733 124.28)` | Pear Spritz | black, 17 to 1 |
| 51 | `#cafa79` | `oklch(92.54% 0.1652 126.27)` | Green Shimmer | black, 17.4 to 1 |
| 52 | `#ccfc85` | `oklch(93.15% 0.1556 127.07)` | Green Shimmer | black, 17.7 to 1 |
| 53 | `#d0fc8e` | `oklch(93.63% 0.1449 126.84)` | Celery Mousse | black, 17.9 to 1 |
| 54 | `#d5fb97` | `oklch(94.01% 0.1333 125.75)` | Celery Mousse | black, 18.1 to 1 |
| 55 | `#dbfa9f` | `oklch(94.30% 0.1210 123.96)` | Lime Mist | black, 18.2 to 1 |
| 56 | `#e1f9a6` | `oklch(94.52% 0.1084 121.63)` | Lime Mist | black, 18.2 to 1 |
| 57 | `#e6f7ae` | `oklch(94.67% 0.0957 118.91)` | Australian Mint | black, 18.3 to 1 |
| 58 | `#eaf5b5` | `oklch(94.78% 0.0831 115.97)` | Chiffon | black, 18.2 to 1 |
| 59 | `#eef4bd` | `oklch(94.86% 0.0710 112.97)` | Chiffon | black, 18.2 to 1 |
| 60 | `#f0f2c5` | `oklch(94.92% 0.0595 110.07)` | Spring Sun | black, 18.2 to 1 |
| 61 | `#f1f1cc` | `oklch(94.97% 0.0491 107.43)` | Menoth White Highlight | black, 18.2 to 1 |
| 62 | `#f2f1d2` | `oklch(95.04% 0.0399 105.21)` | Mǔ Lì Bái Oyster | black, 18.2 to 1 |
| 63 | `#f2f0d8` | `oklch(95.14% 0.0321 103.57)` | Honey Yoghurt Popsicles | black, 18.2 to 1 |
| 64 | `#f2f1dd` | `oklch(95.28% 0.0262 102.68)` | Hazy Grove | black, 18.3 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #17181b 0.000% 1.563%, #18191e 1.563% 3.125%, #191b22 3.125% 4.688%, #1b1d26 4.688% 6.250%, #1d1f2c 6.250% 7.813%, #1f2131 7.813% 9.375%, #212337 9.375% 10.938%, #24263e 10.938% 12.500%, #282845 12.500% 14.063%, #2b2b4c 14.063% 15.625%, #2f2d53 15.625% 17.188%, #342f5a 17.188% 18.750%, #383261 18.750% 20.313%, #3d3467 20.313% 21.875%, #42366e 21.875% 23.438%, #463974 23.438% 25.000%, #4b3b7a 25.000% 26.563%, #4f3d80 26.563% 28.125%, #524086 28.125% 29.688%, #54438c 29.688% 31.250%, #574792 31.250% 32.813%, #584a98 32.813% 34.375%, #5a4e9e 34.375% 35.938%, #5c52a5 35.938% 37.500%, #5e56ab 37.500% 39.063%, #605ab1 39.063% 40.625%, #635db7 40.625% 42.188%, #6861bc 42.188% 43.750%, #6d64c2 43.750% 45.313%, #7467c7 45.313% 46.875%, #7e69cc 46.875% 48.438%, #896bcf 48.438% 50.000%, #966dd1 50.000% 51.563%, #a66dd1 51.563% 53.125%, #b96dce 53.125% 54.688%, #cc6dc6 54.688% 56.250%, #e06eb9 56.250% 57.813%, #f370a8 57.813% 59.375%, #ff7793 59.375% 60.938%, #ff8984 60.938% 62.500%, #ff9778 62.500% 64.063%, #ffa56c 64.063% 65.625%, #ffb15e 65.625% 67.188%, #ffbc44 67.188% 68.750%, #fcc900 68.750% 70.313%, #f0d600 70.313% 71.875%, #e4e220 71.875% 73.438%, #d8ec43 73.438% 75.000%, #d0f25a 75.000% 76.563%, #cbf76b 76.563% 78.125%, #cafa79 78.125% 79.688%, #ccfc85 79.688% 81.250%, #d0fc8e 81.250% 82.813%, #d5fb97 82.813% 84.375%, #dbfa9f 84.375% 85.938%, #e1f9a6 85.938% 87.500%, #e6f7ae 87.500% 89.063%, #eaf5b5 89.063% 90.625%, #eef4bd 90.625% 92.188%, #f0f2c5 92.188% 93.750%, #f1f1cc 93.750% 95.313%, #f2f1d2 95.313% 96.875%, #f2f0d8 96.875% 98.438%, #f2f1dd 98.438% 100.000%);
background: conic-gradient(from 135deg, oklch(20.87% 0.0055 271.41) 0.000% 1.563%, oklch(21.54% 0.0090 272.19) 1.563% 3.125%, oklch(22.33% 0.0134 273.18) 3.125% 4.688%, oklch(23.25% 0.0186 274.35) 4.688% 6.250%, oklch(24.27% 0.0244 275.66) 6.250% 7.813%, oklch(25.39% 0.0307 277.10) 7.813% 9.375%, oklch(26.58% 0.0374 278.63) 9.375% 10.938%, oklch(27.84% 0.0444 280.22) 10.938% 12.500%, oklch(29.15% 0.0516 281.85) 12.500% 14.063%, oklch(30.51% 0.0589 283.48) 14.063% 15.625%, oklch(31.89% 0.0662 285.10) 15.625% 17.188%, oklch(33.29% 0.0734 286.66) 17.188% 18.750%, oklch(34.69% 0.0803 288.15) 18.750% 20.313%, oklch(36.09% 0.0868 289.53) 20.313% 21.875%, oklch(37.46% 0.0928 290.77) 21.875% 23.438%, oklch(38.79% 0.0983 291.85) 23.438% 25.000%, oklch(40.08% 0.1031 292.73) 25.000% 26.563%, oklch(41.35% 0.1075 292.99) 26.563% 28.125%, oklch(42.61% 0.1115 292.60) 28.125% 29.688%, oklch(43.86% 0.1153 291.72) 29.688% 31.250%, oklch(45.12% 0.1189 290.47) 31.250% 32.813%, oklch(46.38% 0.1222 289.02) 32.813% 34.375%, oklch(47.66% 0.1253 287.50) 34.375% 35.938%, oklch(48.94% 0.1283 286.07) 35.938% 37.500%, oklch(50.25% 0.1311 284.86) 37.500% 39.063%, oklch(51.57% 0.1338 284.03) 39.063% 40.625%, oklch(52.92% 0.1364 283.71) 40.625% 42.188%, oklch(54.31% 0.1389 284.07) 42.188% 43.750%, oklch(55.72% 0.1414 285.24) 43.750% 45.313%, oklch(57.18% 0.1439 287.36) 45.313% 46.875%, oklch(58.68% 0.1464 290.59) 46.875% 48.438%, oklch(60.23% 0.1489 295.07) 48.438% 50.000%, oklch(61.84% 0.1516 301.03) 50.000% 51.563%, oklch(63.59% 0.1547 308.94) 51.563% 53.125%, oklch(65.46% 0.1583 318.61) 53.125% 54.688%, oklch(67.43% 0.1622 329.76) 54.688% 56.250%, oklch(69.47% 0.1663 342.11) 56.250% 57.813%, oklch(71.57% 0.1704 355.38) 57.813% 59.375%, oklch(73.69% 0.1664 9.28) 59.375% 60.938%, oklch(75.81% 0.1444 23.53) 60.938% 62.500%, oklch(77.90% 0.1327 37.84) 62.500% 64.063%, oklch(79.95% 0.1293 51.94) 64.063% 65.625%, oklch(81.93% 0.1345 65.54) 65.625% 67.188%, oklch(83.81% 0.1511 78.35) 67.188% 68.750%, oklch(85.57% 0.1749 90.09) 68.750% 70.313%, oklch(87.19% 0.1816 100.49) 70.313% 71.875%, oklch(88.63% 0.1871 109.25) 71.875% 73.438%, oklch(89.88% 0.1842 116.09) 73.438% 75.000%, oklch(90.93% 0.1797 120.95) 75.000% 76.563%, oklch(91.81% 0.1733 124.28) 76.563% 78.125%, oklch(92.54% 0.1652 126.27) 78.125% 79.688%, oklch(93.15% 0.1556 127.07) 79.688% 81.250%, oklch(93.63% 0.1449 126.84) 81.250% 82.813%, oklch(94.01% 0.1333 125.75) 82.813% 84.375%, oklch(94.30% 0.1210 123.96) 84.375% 85.938%, oklch(94.52% 0.1084 121.63) 85.938% 87.500%, oklch(94.67% 0.0957 118.91) 87.500% 89.063%, oklch(94.78% 0.0831 115.97) 89.063% 90.625%, oklch(94.86% 0.0710 112.97) 90.625% 92.188%, oklch(94.92% 0.0595 110.07) 92.188% 93.750%, oklch(94.97% 0.0491 107.43) 93.750% 95.313%, oklch(95.04% 0.0399 105.21) 95.313% 96.875%, oklch(95.14% 0.0321 103.57) 96.875% 98.438%, oklch(95.28% 0.0262 102.68) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.006 | 271.4 |
| 2 | 0.398 | 0.102 | 292.5 |
| 3 | 0.61 | 0.15 | 297.8 |
| 4 | 0.902 | 0.183 | 477.5 |
| 5 | 0.953 | 0.026 | 462.7 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)

## Other forms

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