# Magenta and moss steel pan poster palette

The Magenta and moss steel pan poster palette brings together magenta, teal, orange, and dark purple. 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 orange.

- Also called: Rainbow from purple to dark purple linear gradient
- Seed: `kUi5LzVSqxeC6rGfIDIg`
- Page: https://grabient.com/kUi5LzVSqxeC6rGfIDIg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.3 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 | `#b3379f` | `oklch(55.44% 0.1958 334.87)` | Byzantine | white, 5.3 to 1 |
| 3 | `#ab43af` | `oklch(56.37% 0.1883 326.35)` | Vivid Fuchsia | white, 5 to 1 |
| 4 | `#a14fbe` | `oklch(57.47% 0.1791 316.36)` | Royal Gramma Purple | white, 4.7 to 1 |
| 5 | `#945ccb` | `oklch(58.71% 0.1689 305.12)` | Morado Purple | black, 4.6 to 1 |
| 6 | `#856ad5` | `oklch(60.03% 0.1582 292.86)` | Matt Purple | black, 5 to 1 |
| 7 | `#7477da` | `oklch(61.41% 0.1476 279.79)` | Kickstart Purple | black, 5.4 to 1 |
| 8 | `#6184db` | `oklch(62.80% 0.1377 266.13)` | Blue Jay | black, 5.8 to 1 |
| 9 | `#4d90d8` | `oklch(64.15% 0.1291 252.10)` | Blue Dart | black, 6.2 to 1 |
| 10 | `#379ad2` | `oklch(65.42% 0.1223 237.91)` | Blue Burst | black, 6.7 to 1 |
| 11 | `#20a3c9` | `oklch(66.58% 0.1179 223.79)` | Charybdis | black, 7.1 to 1 |
| 12 | `#03aabe` | `oklch(67.72% 0.1166 209.60)` | Bahaman Sea | black, 7.5 to 1 |
| 13 | `#00b2b2` | `oklch(69.23% 0.1182 194.41)` | Laguna Green | black, 8 to 1 |
| 14 | `#27baa2` | `oklch(70.99% 0.1223 178.39)` | Capture | black, 8.6 to 1 |
| 15 | `#4dc08e` | `oklch(72.84% 0.1281 161.79)` | Garish Green | black, 9.2 to 1 |
| 16 | `#73c376` | `oklch(74.62% 0.1349 144.84)` | Soft Green | black, 9.7 to 1 |
| 17 | `#98c259` | `oklch(76.19% 0.1421 127.80)` | Cabbage Patch | black, 10.2 to 1 |
| 18 | `#babe3a` | `oklch(77.38% 0.1490 110.91)` | Enigma | black, 10.4 to 1 |
| 19 | `#d8b51b` | `oklch(78.03% 0.1550 94.42)` | Crown of Liechtenstein | black, 10.5 to 1 |
| 20 | `#eea912` | `oklch(78.00% 0.1594 78.58)` | Groovy Giraffe | black, 10.2 to 1 |
| 21 | `#fb9b2c` | `oklch(77.12% 0.1614 63.63)` | Pelican Pecker | black, 9.8 to 1 |
| 22 | `#fe8c46` | `oklch(75.21% 0.1606 49.74)` | Orangish | black, 9 to 1 |
| 23 | `#f67c5b` | `oklch(71.92% 0.1570 36.06)` | Adventure Island Pink | black, 7.9 to 1 |
| 24 | `#e56c6a` | `oklch(67.42% 0.1512 22.45)` | Childhood Crush | black, 6.6 to 1 |
| 25 | `#cc5c74` | `oklch(62.02% 0.1438 9.09)` | Rapture Rose | black, 5.3 to 1 |
| 26 | `#b04e77` | `oklch(56.01% 0.1351 356.16)` | Diva Glam | white, 5 to 1 |
| 27 | `#924174` | `oklch(49.70% 0.1259 343.86)` | Purple Peril | white, 6.5 to 1 |
| 28 | `#75356d` | `oklch(43.41% 0.1165 332.35)` | Ayame Iris | white, 8.4 to 1 |
| 29 | `#5a2a62` | `oklch(37.43% 0.1076 321.84)` | Kuwanomi Purple | white, 10.8 to 1 |
| 30 | `#442057` | `oklch(32.06% 0.0995 312.49)` | Galactic Wonder | white, 13.2 to 1 |
| 31 | `#33184c` | `oklch(27.62% 0.0929 304.49)` | Russian Violet | white, 15.2 to 1 |
| 32 | `#261344` | `oklch(24.41% 0.0882 298.04)` | Shadow Planet | white, 16.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b82d91 0.0%, #b3379f 3.2%, #ab43af 6.5%, #a14fbe 9.7%, #945ccb 12.9%, #856ad5 16.1%, #7477da 19.4%, #6184db 22.6%, #4d90d8 25.8%, #379ad2 29.0%, #20a3c9 32.3%, #03aabe 35.5%, #00b2b2 38.7%, #27baa2 41.9%, #4dc08e 45.2%, #73c376 48.4%, #98c259 51.6%, #babe3a 54.8%, #d8b51b 58.1%, #eea912 61.3%, #fb9b2c 64.5%, #fe8c46 67.7%, #f67c5b 71.0%, #e56c6a 74.2%, #cc5c74 77.4%, #b04e77 80.6%, #924174 83.9%, #75356d 87.1%, #5a2a62 90.3%, #442057 93.5%, #33184c 96.8%, #261344 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.72% 0.2012 341.72) 0.0%, oklch(55.44% 0.1958 334.87) 3.2%, oklch(56.37% 0.1883 326.35) 6.5%, oklch(57.47% 0.1791 316.36) 9.7%, oklch(58.71% 0.1689 305.12) 12.9%, oklch(60.03% 0.1582 292.86) 16.1%, oklch(61.41% 0.1476 279.79) 19.4%, oklch(62.80% 0.1377 266.13) 22.6%, oklch(64.15% 0.1291 252.10) 25.8%, oklch(65.42% 0.1223 237.91) 29.0%, oklch(66.58% 0.1179 223.79) 32.3%, oklch(67.72% 0.1166 209.60) 35.5%, oklch(69.23% 0.1182 194.41) 38.7%, oklch(70.99% 0.1223 178.39) 41.9%, oklch(72.84% 0.1281 161.79) 45.2%, oklch(74.62% 0.1349 144.84) 48.4%, oklch(76.19% 0.1421 127.80) 51.6%, oklch(77.38% 0.1490 110.91) 54.8%, oklch(78.03% 0.1550 94.42) 58.1%, oklch(78.00% 0.1594 78.58) 61.3%, oklch(77.12% 0.1614 63.63) 64.5%, oklch(75.21% 0.1606 49.74) 67.7%, oklch(71.92% 0.1570 36.06) 71.0%, oklch(67.42% 0.1512 22.45) 74.2%, oklch(62.02% 0.1438 9.09) 77.4%, oklch(56.01% 0.1351 356.16) 80.6%, oklch(49.70% 0.1259 343.86) 83.9%, oklch(43.41% 0.1165 332.35) 87.1%, oklch(37.43% 0.1076 321.84) 90.3%, oklch(32.06% 0.0995 312.49) 93.5%, oklch(27.62% 0.0929 304.49) 96.8%, oklch(24.41% 0.0882 298.04) 100.0%);
```

## Keyframes

4 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.669 | 0.117 | 219.1 |
| 3 | 0.76 | 0.161 | 54.3 |
| 4 | 0.244 | 0.088 | -62 |

## In these collections

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

## Other forms

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