# Magenta, ochre and indigo steel pan poster

This palette moves from magenta through gold to blue. It lightens and then darkens across a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Vivid pink, orange, yellow and purple linear gradient
- Seed: `kSi5Lzb7tMztAq8`
- Page: https://grabient.com/kSi5Lzb7tMztAq8?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.1 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 | `#b82d91` | `oklch(54.72% 0.2012 341.72)` | Fandango | white, 5.4 to 1 |
| 2 | `#c0308c` | `oklch(56.07% 0.1997 346.21)` | Lust Priestess | white, 5.1 to 1 |
| 3 | `#ca3685` | `oklch(57.91% 0.1977 352.46)` | Shrine of Pleasures | white, 4.7 to 1 |
| 4 | `#d63d7c` | `oklch(60.17% 0.1953 0.15)` | Jaipur Pink | black, 4.8 to 1 |
| 5 | `#e24770` | `oklch(62.75% 0.1926 8.97)` | Rouge Red | black, 5.3 to 1 |
| 6 | `#ee5362` | `oklch(65.57% 0.1897 18.61)` | Pink Pepper | black, 6 to 1 |
| 7 | `#f86252` | `oklch(68.54% 0.1866 28.75)` | Rose Fusion | black, 6.8 to 1 |
| 8 | `#ff7342` | `oklch(71.57% 0.1830 39.09)` | Precious Persimmon | black, 7.7 to 1 |
| 9 | `#ff873d` | `oklch(74.59% 0.1685 49.30)` | Orange Bell Pepper | black, 8.8 to 1 |
| 10 | `#ff993b` | `oklch(77.50% 0.1596 59.09)` | Indian Saffron | black, 9.9 to 1 |
| 11 | `#ffa93b` | `oklch(80.21% 0.1553 68.13)` | Match Strike | black, 10.9 to 1 |
| 12 | `#ffb73b` | `oklch(82.64% 0.1553 76.11)` | Soft Boiled | black, 12 to 1 |
| 13 | `#ffc238` | `oklch(84.71% 0.1585 82.72)` | Not Yo Cheese | black, 12.9 to 1 |
| 14 | `#ffca35` | `oklch(86.32% 0.1632 87.65)` | Yellow Jacket | black, 13.7 to 1 |
| 15 | `#ffd037` | `oklch(87.39% 0.1644 90.58)` | Peeps | black, 14.3 to 1 |
| 16 | `#ffd23c` | `oklch(87.84% 0.1631 91.21)` | Daisy | black, 14.5 to 1 |
| 17 | `#ffd048` | `oklch(87.56% 0.1559 89.21)` | Sunglow Gecko | black, 14.3 to 1 |
| 18 | `#ffca55` | `oklch(86.56% 0.1448 84.40)` | Capricorn Golden Key | black, 13.8 to 1 |
| 19 | `#ffc15d` | `oklch(84.90% 0.1361 77.10)` | Gold’s Great Touch | black, 13 to 1 |
| 20 | `#ffb561` | `oklch(82.68% 0.1325 67.67)` | Peanut Butter Chicken | black, 12 to 1 |
| 21 | `#ffa662` | `oklch(80.00% 0.1348 56.48)` | Echinoderm | black, 10.8 to 1 |
| 22 | `#ff9364` | `oklch(76.94% 0.1441 43.89)` | Pink Orange | black, 9.6 to 1 |
| 23 | `#ff7d6a` | `oklch(73.61% 0.1621 30.25)` | Hipster Salmon | black, 8.3 to 1 |
| 24 | `#f46c7b` | `oklch(70.09% 0.1674 15.94)` | Strawberry Pink | black, 7.2 to 1 |
| 25 | `#e3608d` | `oklch(66.48% 0.1689 1.31)` | Love Letter | black, 6.3 to 1 |
| 26 | `#ce569d` | `oklch(62.87% 0.1705 346.73)` | Crushed Berries | black, 5.4 to 1 |
| 27 | `#b750aa` | `oklch(59.35% 0.1721 332.55)` | Royalty Loyalty | black, 4.7 to 1 |
| 28 | `#9e4bb3` | `oklch(56.03% 0.1736 319.14)` | Fuchsia Pheromone | white, 5 to 1 |
| 29 | `#8648b9` | `oklch(52.98% 0.1750 306.86)` | Harley Hair Purple | white, 5.7 to 1 |
| 30 | `#7046bb` | `oklch(50.31% 0.1762 296.08)` | Purple Rain | white, 6.4 to 1 |
| 31 | `#5c44ba` | `oklch(48.10% 0.1771 287.14)` | Swiss Plum | white, 7 to 1 |
| 32 | `#4c43b8` | `oklch(46.46% 0.1778 280.43)` | Megadrive Screen | white, 7.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b82d91 0.0%, #c0308c 3.2%, #ca3685 6.5%, #d63d7c 9.7%, #e24770 12.9%, #ee5362 16.1%, #f86252 19.4%, #ff7342 22.6%, #ff873d 25.8%, #ff993b 29.0%, #ffa93b 32.3%, #ffb73b 35.5%, #ffc238 38.7%, #ffca35 41.9%, #ffd037 45.2%, #ffd23c 48.4%, #ffd048 51.6%, #ffca55 54.8%, #ffc15d 58.1%, #ffb561 61.3%, #ffa662 64.5%, #ff9364 67.7%, #ff7d6a 71.0%, #f46c7b 74.2%, #e3608d 77.4%, #ce569d 80.6%, #b750aa 83.9%, #9e4bb3 87.1%, #8648b9 90.3%, #7046bb 93.5%, #5c44ba 96.8%, #4c43b8 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.72% 0.2012 341.72) 0.0%, oklch(56.07% 0.1997 346.21) 3.2%, oklch(57.91% 0.1977 352.46) 6.5%, oklch(60.17% 0.1953 0.15) 9.7%, oklch(62.75% 0.1926 8.97) 12.9%, oklch(65.57% 0.1897 18.61) 16.1%, oklch(68.54% 0.1866 28.75) 19.4%, oklch(71.57% 0.1830 39.09) 22.6%, oklch(74.59% 0.1685 49.30) 25.8%, oklch(77.50% 0.1596 59.09) 29.0%, oklch(80.21% 0.1553 68.13) 32.3%, oklch(82.64% 0.1553 76.11) 35.5%, oklch(84.71% 0.1585 82.72) 38.7%, oklch(86.32% 0.1632 87.65) 41.9%, oklch(87.39% 0.1644 90.58) 45.2%, oklch(87.84% 0.1631 91.21) 48.4%, oklch(87.56% 0.1559 89.21) 51.6%, oklch(86.56% 0.1448 84.40) 54.8%, oklch(84.90% 0.1361 77.10) 58.1%, oklch(82.68% 0.1325 67.67) 61.3%, oklch(80.00% 0.1348 56.48) 64.5%, oklch(76.94% 0.1441 43.89) 67.7%, oklch(73.61% 0.1621 30.25) 71.0%, oklch(70.09% 0.1674 15.94) 74.2%, oklch(66.48% 0.1689 1.31) 77.4%, oklch(62.87% 0.1705 346.73) 80.6%, oklch(59.35% 0.1721 332.55) 83.9%, oklch(56.03% 0.1736 319.14) 87.1%, oklch(52.98% 0.1750 306.86) 90.3%, oklch(50.31% 0.1762 296.08) 93.5%, oklch(48.10% 0.1771 287.14) 96.8%, oklch(46.46% 0.1778 280.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.201 | 341.7 |
| 2 | 0.878 | 0.163 | 450.6 |
| 3 | 0.465 | 0.178 | 280.4 |

## In these collections

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

## Other forms

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