# Aubergine and coral steel pan poster palette

The Aubergine and coral steel pan poster palette brings together dark purple, blue, gold, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark purple, and its lightest tone is gold.

- Also called: Navy, purple, orange and pink linear gradient
- Seed: `kUPkDTu0C9--7VBFyTMA`
- Page: https://grabient.com/kUPkDTu0C9--7VBFyTMA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#261344` | `oklch(24.41% 0.0882 297.42)` | Shadow Planet | white, 16.6 to 1 |
| 2 | `#28154a` | `oklch(25.59% 0.0938 295.66)` | Oily Purple | white, 16.1 to 1 |
| 3 | `#2a1852` | `oklch(27.00% 0.1015 292.39)` | Silent Orbit | white, 15.5 to 1 |
| 4 | `#2b1b5d` | `oklch(28.62% 0.1108 288.16)` | Night Fog | white, 14.8 to 1 |
| 5 | `#2b1f68` | `oklch(30.46% 0.1212 283.52)` | Indie Go | white, 13.9 to 1 |
| 6 | `#2a2575` | `oklch(32.49% 0.1321 279.03)` | Blue Royale | white, 13 to 1 |
| 7 | `#292b82` | `oklch(34.72% 0.1430 275.24)` | Cosmic Cobalt | white, 11.9 to 1 |
| 8 | `#29318f` | `oklch(37.14% 0.1535 272.72)` | Royal Night | white, 10.8 to 1 |
| 9 | `#2d379c` | `oklch(39.74% 0.1629 272.01)` | Liquid Denim | white, 9.8 to 1 |
| 10 | `#363da9` | `oklch(42.51% 0.1707 273.66)` | Early Spring Night | white, 8.7 to 1 |
| 11 | `#4642b5` | `oklch(45.44% 0.1764 278.24)` | Megadrive Screen | white, 7.7 to 1 |
| 12 | `#5d46be` | `oklch(48.72% 0.1796 286.75)` | Dragonlord Purple | white, 6.8 to 1 |
| 13 | `#7e4ac2` | `oklch(52.84% 0.1807 300.39)` | Harley Hair Purple | white, 5.7 to 1 |
| 14 | `#a44ebc` | `oklch(57.59% 0.1800 318.03)` | Royal Gramma Purple | white, 4.7 to 1 |
| 15 | `#c955ac` | `oklch(62.72% 0.1779 338.40)` | Pú Táo Zǐ Purple | black, 5.4 to 1 |
| 16 | `#ea6293` | `oklch(67.98% 0.1750 0.25)` | Shark Bait | black, 6.6 to 1 |
| 17 | `#ff7877` | `oklch(73.10% 0.1655 22.30)` | Embarrassment | black, 8.1 to 1 |
| 18 | `#ff986d` | `oklch(77.84% 0.1368 43.29)` | Hibiscus Delight | black, 9.9 to 1 |
| 19 | `#ffb068` | `oklch(81.93% 0.1278 61.94)` | Mango Salsa | black, 11.6 to 1 |
| 20 | `#ffc261` | `oklch(85.14% 0.1335 77.00)` | Gold’s Great Touch | black, 13.1 to 1 |
| 21 | `#ffce4f` | `oklch(87.19% 0.1501 87.19)` | Minion Yellow | black, 14.1 to 1 |
| 22 | `#ffd23c` | `oklch(87.84% 0.1631 91.30)` | Daisy | black, 14.5 to 1 |
| 23 | `#ffcd33` | `oklch(86.93% 0.1652 89.47)` | Sunglow | black, 14 to 1 |
| 24 | `#ffc238` | `oklch(84.71% 0.1589 82.81)` | Not Yo Cheese | black, 12.9 to 1 |
| 25 | `#ffb03a` | `oklch(81.47% 0.1551 72.36)` | Pieces of Eight | black, 11.5 to 1 |
| 26 | `#ff993b` | `oklch(77.50% 0.1597 59.17)` | Indian Saffron | black, 9.9 to 1 |
| 27 | `#ff7d3e` | `oklch(73.09% 0.1751 44.32)` | Mythical Orange | black, 8.2 to 1 |
| 28 | `#f86252` | `oklch(68.54% 0.1866 28.84)` | Rose Fusion | black, 6.8 to 1 |
| 29 | `#e84d69` | `oklch(64.13% 0.1912 13.79)` | Camellia Rose | black, 5.7 to 1 |
| 30 | `#d63d7b` | `oklch(60.17% 0.1953 0.24)` | Jaipur Pink | black, 4.8 to 1 |
| 31 | `#c53389` | `oklch(56.93% 0.1987 349.22)` | Magenta Pink | white, 4.9 to 1 |
| 32 | `#b82d91` | `oklch(54.72% 0.2012 341.81)` | Fandango | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #261344 0.0%, #28154a 3.2%, #2a1852 6.5%, #2b1b5d 9.7%, #2b1f68 12.9%, #2a2575 16.1%, #292b82 19.4%, #29318f 22.6%, #2d379c 25.8%, #363da9 29.0%, #4642b5 32.3%, #5d46be 35.5%, #7e4ac2 38.7%, #a44ebc 41.9%, #c955ac 45.2%, #ea6293 48.4%, #ff7877 51.6%, #ff986d 54.8%, #ffb068 58.1%, #ffc261 61.3%, #ffce4f 64.5%, #ffd23c 67.7%, #ffcd33 71.0%, #ffc238 74.2%, #ffb03a 77.4%, #ff993b 80.6%, #ff7d3e 83.9%, #f86252 87.1%, #e84d69 90.3%, #d63d7b 93.5%, #c53389 96.8%, #b82d91 100.0%);
background: linear-gradient(135deg in oklch, oklch(24.41% 0.0882 297.42) 0.0%, oklch(25.59% 0.0938 295.66) 3.2%, oklch(27.00% 0.1015 292.39) 6.5%, oklch(28.62% 0.1108 288.16) 9.7%, oklch(30.46% 0.1212 283.52) 12.9%, oklch(32.49% 0.1321 279.03) 16.1%, oklch(34.72% 0.1430 275.24) 19.4%, oklch(37.14% 0.1535 272.72) 22.6%, oklch(39.74% 0.1629 272.01) 25.8%, oklch(42.51% 0.1707 273.66) 29.0%, oklch(45.44% 0.1764 278.24) 32.3%, oklch(48.72% 0.1796 286.75) 35.5%, oklch(52.84% 0.1807 300.39) 38.7%, oklch(57.59% 0.1800 318.03) 41.9%, oklch(62.72% 0.1779 338.40) 45.2%, oklch(67.98% 0.1750 0.25) 48.4%, oklch(73.10% 0.1655 22.30) 51.6%, oklch(77.84% 0.1368 43.29) 54.8%, oklch(81.93% 0.1278 61.94) 58.1%, oklch(85.14% 0.1335 77.00) 61.3%, oklch(87.19% 0.1501 87.19) 64.5%, oklch(87.84% 0.1631 91.30) 67.7%, oklch(86.93% 0.1652 89.47) 71.0%, oklch(84.71% 0.1589 82.81) 74.2%, oklch(81.47% 0.1551 72.36) 77.4%, oklch(77.50% 0.1597 59.17) 80.6%, oklch(73.09% 0.1751 44.32) 83.9%, oklch(68.54% 0.1866 28.84) 87.1%, oklch(64.13% 0.1912 13.79) 90.3%, oklch(60.17% 0.1953 0.24) 93.5%, oklch(56.93% 0.1987 349.22) 96.8%, oklch(54.72% 0.2012 341.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.088 | 297.4 |
| 2 | 0.465 | 0.178 | 280.5 |
| 3 | 0.878 | 0.163 | 450.7 |
| 4 | 0.547 | 0.201 | 341.8 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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