# Aubergine and orange color palette

The Aubergine and orange color palette brings together purple, magenta, orange, and dark purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is orange.

- Also called: Seamless vivid purple, pink and peach linear gradient
- Seed: `kWT17Px0xEeM9yM_yLcJSu7Y`
- Page: https://grabient.com/kWT17Px0xEeM9yM_yLcJSu7Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 7 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 | `#351b6b` | `oklch(31.10% 0.1295 291.80)` | Dark Dreams | white, 13.7 to 1 |
| 2 | `#3d1e73` | `oklch(33.11% 0.1368 294.58)` | Explorer of the Galaxies | white, 12.8 to 1 |
| 3 | `#48217e` | `oklch(35.81% 0.1474 298.00)` | Occult | white, 11.7 to 1 |
| 4 | `#57248a` | `oklch(39.03% 0.1602 302.06)` | Kalish Violet | white, 10.3 to 1 |
| 5 | `#682797` | `oklch(42.58% 0.1737 306.75)` | Queens of the Dead | white, 9 to 1 |
| 6 | `#7b2aa2` | `oklch(46.30% 0.1867 312.06)` | Noble Cause Purple | white, 7.7 to 1 |
| 7 | `#8f2eaa` | `oklch(50.00% 0.1979 318.00)` | Pleasant Purple | white, 6.6 to 1 |
| 8 | `#a431ae` | `oklch(53.51% 0.2061 324.54)` | Pink Spyro | white, 5.7 to 1 |
| 9 | `#b735ac` | `oklch(56.68% 0.2099 331.78)` | San Francisco Pink | white, 5 to 1 |
| 10 | `#cd3ca4` | `oklch(60.16% 0.2090 341.48)` | Krameria | black, 4.7 to 1 |
| 11 | `#e34796` | `oklch(64.00% 0.2045 353.41)` | Schiaparelli Pink | black, 5.6 to 1 |
| 12 | `#f65684` | `oklch(67.90% 0.1976 6.35)` | Macaroon Rose | black, 6.5 to 1 |
| 13 | `#ff6c75` | `oklch(71.54% 0.1788 19.11)` | Begonia | black, 7.6 to 1 |
| 14 | `#ff8370` | `oklch(74.64% 0.1541 30.47)` | Fusion Coral | black, 8.7 to 1 |
| 15 | `#ff926d` | `oklch(76.87% 0.1411 39.23)` | Pink Orange | black, 9.5 to 1 |
| 16 | `#ff996c` | `oklch(77.95% 0.1367 44.20)` | Atomic Tangerine | black, 10 to 1 |
| 17 | `#ff9768` | `oklch(77.55% 0.1398 44.20)` | Atomic Tangerine | black, 9.8 to 1 |
| 18 | `#ff8b64` | `oklch(75.58% 0.1510 39.23)` | Salmon Orange | black, 9.1 to 1 |
| 19 | `#ff7661` | `oklch(72.39% 0.1719 30.47)` | Peachy Pinky | black, 7.9 to 1 |
| 20 | `#f65f6a` | `oklch(68.33% 0.1846 19.11)` | Dubarry | black, 6.7 to 1 |
| 21 | `#e54b79` | `oklch(63.77% 0.1913 6.35)` | Kacey’s Pink | black, 5.6 to 1 |
| 22 | `#cf3a87` | `oklch(59.09% 0.1970 353.41)` | Pink Yarrow | black, 4.6 to 1 |
| 23 | `#b72d91` | `oklch(54.65% 0.2004 341.48)` | Fandango | white, 5.5 to 1 |
| 24 | `#a12597` | `oklch(50.82% 0.2005 331.78)` | Purple Ink | white, 6.4 to 1 |
| 25 | `#8f2198` | `oklch(47.61% 0.1961 324.54)` | Leviathan Purple | white, 7.4 to 1 |
| 26 | `#7c1e94` | `oklch(44.40% 0.1876 318.00)` | Noble Cause Purple | white, 8.4 to 1 |
| 27 | `#6a1d8e` | `oklch(41.23% 0.1763 312.06)` | Sapphire Siren | white, 9.6 to 1 |
| 28 | `#5a1d85` | `oklch(38.19% 0.1634 306.75)` | Intergalactic Settlement | white, 10.8 to 1 |
| 29 | `#4c1c7b` | `oklch(35.37% 0.1501 302.06)` | Occult | white, 11.9 to 1 |
| 30 | `#401b70` | `oklch(32.86% 0.1376 298.00)` | Explorer of the Galaxies | white, 13 to 1 |
| 31 | `#361a67` | `oklch(30.75% 0.1271 294.58)` | Dark Dreams | white, 13.9 to 1 |
| 32 | `#301961` | `oklch(29.13% 0.1199 291.80)` | Night Fog | white, 14.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #351b6b 0.0%, #3d1e73 3.2%, #48217e 6.5%, #57248a 9.7%, #682797 12.9%, #7b2aa2 16.1%, #8f2eaa 19.4%, #a431ae 22.6%, #b735ac 25.8%, #cd3ca4 29.0%, #e34796 32.3%, #f65684 35.5%, #ff6c75 38.7%, #ff8370 41.9%, #ff926d 45.2%, #ff996c 48.4%, #ff9768 51.6%, #ff8b64 54.8%, #ff7661 58.1%, #f65f6a 61.3%, #e54b79 64.5%, #cf3a87 67.7%, #b72d91 71.0%, #a12597 74.2%, #8f2198 77.4%, #7c1e94 80.6%, #6a1d8e 83.9%, #5a1d85 87.1%, #4c1c7b 90.3%, #401b70 93.5%, #361a67 96.8%, #301961 100.0%);
background: linear-gradient(135deg in oklch, oklch(31.10% 0.1295 291.80) 0.0%, oklch(33.11% 0.1368 294.58) 3.2%, oklch(35.81% 0.1474 298.00) 6.5%, oklch(39.03% 0.1602 302.06) 9.7%, oklch(42.58% 0.1737 306.75) 12.9%, oklch(46.30% 0.1867 312.06) 16.1%, oklch(50.00% 0.1979 318.00) 19.4%, oklch(53.51% 0.2061 324.54) 22.6%, oklch(56.68% 0.2099 331.78) 25.8%, oklch(60.16% 0.2090 341.48) 29.0%, oklch(64.00% 0.2045 353.41) 32.3%, oklch(67.90% 0.1976 6.35) 35.5%, oklch(71.54% 0.1788 19.11) 38.7%, oklch(74.64% 0.1541 30.47) 41.9%, oklch(76.87% 0.1411 39.23) 45.2%, oklch(77.95% 0.1367 44.20) 48.4%, oklch(77.55% 0.1398 44.20) 51.6%, oklch(75.58% 0.1510 39.23) 54.8%, oklch(72.39% 0.1719 30.47) 58.1%, oklch(68.33% 0.1846 19.11) 61.3%, oklch(63.77% 0.1913 6.35) 64.5%, oklch(59.09% 0.1970 353.41) 67.7%, oklch(54.65% 0.2004 341.48) 71.0%, oklch(50.82% 0.2005 331.78) 74.2%, oklch(47.61% 0.1961 324.54) 77.4%, oklch(44.40% 0.1876 318.00) 80.6%, oklch(41.23% 0.1763 312.06) 83.9%, oklch(38.19% 0.1634 306.75) 87.1%, oklch(35.37% 0.1501 302.06) 90.3%, oklch(32.86% 0.1376 298.00) 93.5%, oklch(30.75% 0.1271 294.58) 96.8%, oklch(29.13% 0.1199 291.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.13 | 291.8 |
| 2 | 0.559 | 0.209 | 329.8 |
| 3 | 0.78 | 0.169 | 404.9 |
| 4 | 0.5 | 0.2 | 329.8 |
| 5 | 0.291 | 0.12 | 291.8 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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