# Aubergine, off-white and navy rainbow loop palette

The Aubergine, off-white and navy rainbow loop palette brings together dark purple, purple, gold, off-white, green, blue, and dark blue. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is dark purple, and its lightest tone is off-white.

- Also called: Rainbow angular swatches
- Seed: `kaKlDYwsO_mev0f_JcK3TfCbjBTuVrsAA`
- Page: https://grabient.com/kaKlDYwsO_mev0f_JcK3TfCbjBTuVrsAA?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 19.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 | `#17002c` | `oklch(16.61% 0.0866 304.26)` | Black Htun | white, 19.5 to 1 |
| 2 | `#230041` | `oklch(21.01% 0.1110 301.87)` | Your Darkness | white, 18.2 to 1 |
| 3 | `#310760` | `oklch(27.21% 0.1377 297.00)` | Deep Violet | white, 15.8 to 1 |
| 4 | `#401c81` | `oklch(34.51% 0.1562 292.40)` | Grim Purple | white, 12.3 to 1 |
| 5 | `#5230a2` | `oklch(42.10% 0.1727 291.03)` | Royalty | white, 9.1 to 1 |
| 6 | `#6d40bb` | `oklch(49.22% 0.1838 295.75)` | Purple Rain | white, 6.7 to 1 |
| 7 | `#934ac2` | `oklch(55.30% 0.1858 309.77)` | Tyrian Shimmer | white, 5.2 to 1 |
| 8 | `#c151ad` | `oklch(61.08% 0.1797 335.07)` | Mazzy Star | black, 5 to 1 |
| 9 | `#e66082` | `oklch(66.66% 0.1683 7.21)` | Coral Paradise | black, 6.3 to 1 |
| 10 | `#f37f53` | `oklch(71.97% 0.1544 41.08)` | Rich Gardenia | black, 7.9 to 1 |
| 11 | `#eba33f` | `oklch(76.94% 0.1410 71.53)` | Gilded Leaves | black, 9.8 to 1 |
| 12 | `#dfc054` | `oklch(81.50% 0.1309 93.46)` | Cream Gold | black, 11.8 to 1 |
| 13 | `#dcd672` | `oklch(86.12% 0.1232 105.56)` | Golden Rice | black, 13.9 to 1 |
| 14 | `#e3e98c` | `oklch(90.91% 0.1156 111.49)` | Elfin Yellow | black, 16.2 to 1 |
| 15 | `#eff8a1` | `oklch(95.25% 0.1091 113.54)` | Australian Mint | black, 18.5 to 1 |
| 16 | `#f9ffd5` | `oklch(98.50% 0.0542 113.99)` | Matt White | black, 20.2 to 1 |
| 17 | `#ffffff` | `oklch(100.00% 0.0001 109.01)` | White | black, 20.9 to 1 |
| 18 | `#fbffef` | `oklch(99.27% 0.0212 118.28)` | Pearl Powder | black, 20.6 to 1 |
| 19 | `#e8fda7` | `oklch(96.02% 0.1119 119.76)` | Hitchcock Milk | black, 19.1 to 1 |
| 20 | `#d6ee90` | `oklch(91.00% 0.1220 120.50)` | Creamy Avocado | black, 16.4 to 1 |
| 21 | `#bedc75` | `oklch(85.01% 0.1334 122.46)` | Citrus Lime | black, 13.6 to 1 |
| 22 | `#a0cb60` | `oklch(78.83% 0.1443 127.59)` | Be Spontaneous | black, 11.2 to 1 |
| 23 | `#76be5a` | `oklch(73.23% 0.1530 137.84)` | Green Pear | black, 9.3 to 1 |
| 24 | `#16b56d` | `oklch(68.11% 0.1602 156.16)` | Green Mana | black, 7.8 to 1 |
| 25 | `#009f8d` | `oklch(62.87% 0.1130 181.46)` | On a Whim | black, 6.3 to 1 |
| 26 | `#008999` | `oklch(57.59% 0.0994 209.56)` | Atlantic Blue | black, 5 to 1 |
| 27 | `#0072a2` | `oklch(52.30% 0.1130 236.30)` | Cat’s Purr | white, 5.3 to 1 |
| 28 | `#0056b8` | `oklch(47.07% 0.1704 257.47)` | London Rain | white, 6.9 to 1 |
| 29 | `#2a3cab` | `oklch(41.83% 0.1772 269.47)` | Yuè Guāng Lán Blue | white, 8.9 to 1 |
| 30 | `#292894` | `oklch(36.14% 0.1694 274.04)` | Gentian Blue | white, 11.4 to 1 |
| 31 | `#1d187c` | `oklch(30.33% 0.1583 273.69)` | Outer Rim | white, 14.2 to 1 |
| 32 | `#0f0a65` | `oklch(24.87% 0.1462 270.69)` | Underground Stream | white, 16.7 to 1 |
| 33 | `#040052` | `oklch(20.25% 0.1354 267.28)` | Alucard’s Night | white, 18.5 to 1 |
| 34 | `#010040` | `oklch(17.00% 0.1159 265.72)` | Endless Galaxy | white, 19.5 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #17002c 0.000% 2.941%, #230041 2.941% 5.882%, #310760 5.882% 8.824%, #401c81 8.824% 11.765%, #5230a2 11.765% 14.706%, #6d40bb 14.706% 17.647%, #934ac2 17.647% 20.588%, #c151ad 20.588% 23.529%, #e66082 23.529% 26.471%, #f37f53 26.471% 29.412%, #eba33f 29.412% 32.353%, #dfc054 32.353% 35.294%, #dcd672 35.294% 38.235%, #e3e98c 38.235% 41.176%, #eff8a1 41.176% 44.118%, #f9ffd5 44.118% 47.059%, #ffffff 47.059% 50.000%, #fbffef 50.000% 52.941%, #e8fda7 52.941% 55.882%, #d6ee90 55.882% 58.824%, #bedc75 58.824% 61.765%, #a0cb60 61.765% 64.706%, #76be5a 64.706% 67.647%, #16b56d 67.647% 70.588%, #009f8d 70.588% 73.529%, #008999 73.529% 76.471%, #0072a2 76.471% 79.412%, #0056b8 79.412% 82.353%, #2a3cab 82.353% 85.294%, #292894 85.294% 88.235%, #1d187c 88.235% 91.176%, #0f0a65 91.176% 94.118%, #040052 94.118% 97.059%, #010040 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(16.61% 0.0866 304.26) 0.000% 2.941%, oklch(21.01% 0.1110 301.87) 2.941% 5.882%, oklch(27.21% 0.1377 297.00) 5.882% 8.824%, oklch(34.51% 0.1562 292.40) 8.824% 11.765%, oklch(42.10% 0.1727 291.03) 11.765% 14.706%, oklch(49.22% 0.1838 295.75) 14.706% 17.647%, oklch(55.30% 0.1858 309.77) 17.647% 20.588%, oklch(61.08% 0.1797 335.07) 20.588% 23.529%, oklch(66.66% 0.1683 7.21) 23.529% 26.471%, oklch(71.97% 0.1544 41.08) 26.471% 29.412%, oklch(76.94% 0.1410 71.53) 29.412% 32.353%, oklch(81.50% 0.1309 93.46) 32.353% 35.294%, oklch(86.12% 0.1232 105.56) 35.294% 38.235%, oklch(90.91% 0.1156 111.49) 38.235% 41.176%, oklch(95.25% 0.1091 113.54) 41.176% 44.118%, oklch(98.50% 0.0542 113.99) 44.118% 47.059%, oklch(100.00% 0.0001 109.01) 47.059% 50.000%, oklch(99.27% 0.0212 118.28) 50.000% 52.941%, oklch(96.02% 0.1119 119.76) 52.941% 55.882%, oklch(91.00% 0.1220 120.50) 55.882% 58.824%, oklch(85.01% 0.1334 122.46) 58.824% 61.765%, oklch(78.83% 0.1443 127.59) 61.765% 64.706%, oklch(73.23% 0.1530 137.84) 64.706% 67.647%, oklch(68.11% 0.1602 156.16) 67.647% 70.588%, oklch(62.87% 0.1130 181.46) 70.588% 73.529%, oklch(57.59% 0.0994 209.56) 73.529% 76.471%, oklch(52.30% 0.1130 236.30) 76.471% 79.412%, oklch(47.07% 0.1704 257.47) 79.412% 82.353%, oklch(41.83% 0.1772 269.47) 82.353% 85.294%, oklch(36.14% 0.1694 274.04) 85.294% 88.235%, oklch(30.33% 0.1583 273.69) 88.235% 91.176%, oklch(24.87% 0.1462 270.69) 91.176% 94.118%, oklch(20.25% 0.1354 267.28) 94.118% 97.059%, oklch(17.00% 0.1159 265.72) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.165 | 0.11 | 304.5 |
| 2 | 0.524 | 0.186 | 301.3 |
| 3 | 0.815 | 0.131 | 453.5 |
| 4 | 1 | 0.103 | 476.7 |
| 5 | 0.732 | 0.153 | 497.8 |
| 6 | 0.445 | 0.179 | 624.6 |
| 7 | 0.169 | 0.128 | 625.7 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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