# Plum turquoise and citron steel pan fan

Dark plum and violet shift through blue into cyan and turquoise, then brighten through green toward a citron-yellow edge. Forty-eight angular swatches turn this cool-led palette into a fine festive fan. The concentrated yellow finish adds a clear accent to the darker purple and blue passages, suggesting bold steel pan poster colors.

- Also called: Purple, blue and yellow angular swatches
- Seed: `kWREPWPzVCUirtlaKzl6zY1A`
- Page: https://grabient.com/kWREPWPzVCUirtlaKzl6zY1A?style=angularSwatches&steps=48&angle=225
- Drawn as: angular swatches, 48 steps, 225 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.6 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 | `#2e174b` | `oklch(26.77% 0.0923 300.94)` | Russian Violet | white, 15.6 to 1 |
| 2 | `#32194f` | `oklch(27.95% 0.0952 302.27)` | Russian Violet | white, 15.1 to 1 |
| 3 | `#381c54` | `oklch(29.50% 0.0993 304.40)` | Powerful Violet | white, 14.4 to 1 |
| 4 | `#3f1e59` | `oklch(31.36% 0.1042 307.10)` | Plunged Into Darkness | white, 13.5 to 1 |
| 5 | `#482260` | `oklch(33.44% 0.1097 310.16)` | Fading Horizon | white, 12.6 to 1 |
| 6 | `#512566` | `oklch(35.68% 0.1156 313.35)` | Elegant Purple Gown | white, 11.6 to 1 |
| 7 | `#5b296d` | `oklch(38.02% 0.1216 316.44)` | Violethargic | white, 10.6 to 1 |
| 8 | `#652c73` | `oklch(40.37% 0.1275 319.20)` | Purple Magic | white, 9.6 to 1 |
| 9 | `#6f307a` | `oklch(42.66% 0.1330 321.42)` | Galactic Grapevine | white, 8.8 to 1 |
| 10 | `#773480` | `oklch(44.84% 0.1378 322.86)` | Maximum Purple | white, 8 to 1 |
| 11 | `#7f3987` | `oklch(46.82% 0.1419 323.31)` | Purple Sultan | white, 7.4 to 1 |
| 12 | `#843d8e` | `oklch(48.53% 0.1448 322.53)` | Dull Violet | white, 6.9 to 1 |
| 13 | `#874295` | `oklch(49.92% 0.1463 320.31)` | Murasaki Purple | white, 6.5 to 1 |
| 14 | `#86469d` | `oklch(51.02% 0.1465 316.53)` | Purple Pleasures | white, 6.1 to 1 |
| 15 | `#844ba5` | `oklch(51.91% 0.1457 311.39)` | Purple Pleasures | white, 5.9 to 1 |
| 16 | `#7f51ac` | `oklch(52.61% 0.1439 305.12)` | Royal Lavender | white, 5.7 to 1 |
| 17 | `#7756b2` | `oklch(53.18% 0.1414 297.96)` | Simply Purple | white, 5.5 to 1 |
| 18 | `#6e5cb7` | `oklch(53.65% 0.1385 290.14)` | Simply Purple | white, 5.4 to 1 |
| 19 | `#6462ba` | `oklch(54.06% 0.1352 281.90)` | Bluish Purple Anemone | white, 5.2 to 1 |
| 20 | `#5868bc` | `oklch(54.46% 0.1317 273.47)` | Amparo Blue | white, 5.1 to 1 |
| 21 | `#4c6dbc` | `oklch(54.87% 0.1283 265.10)` | Azraq Blue | white, 4.9 to 1 |
| 22 | `#3f73ba` | `oklch(55.35% 0.1252 257.02)` | Palace Blue | white, 4.8 to 1 |
| 23 | `#3278b9` | `oklch(55.93% 0.1226 249.47)` | North Atlantic Breeze | white, 4.6 to 1 |
| 24 | `#247db7` | `oklch(56.66% 0.1206 242.68)` | Meissen Blue | black, 4.6 to 1 |
| 25 | `#1682b6` | `oklch(57.55% 0.1193 236.82)` | Lucario Blue | black, 4.9 to 1 |
| 26 | `#0387b5` | `oklch(58.54% 0.1183 231.61)` | Stomy Shower | black, 5.1 to 1 |
| 27 | `#008cb4` | `oklch(59.61% 0.1150 226.88)` | Spinnaker Blue | black, 5.3 to 1 |
| 28 | `#0090b3` | `oklch(60.74% 0.1127 222.50)` | Cool Tide | black, 5.6 to 1 |
| 29 | `#0095b3` | `oklch(61.92% 0.1115 218.36)` | Bondi Blue | black, 5.9 to 1 |
| 30 | `#009ab3` | `oklch(63.14% 0.1112 214.34)` | Caneel Bay | black, 6.2 to 1 |
| 31 | `#009fb3` | `oklch(64.39% 0.1115 210.32)` | Lake Blue | black, 6.6 to 1 |
| 32 | `#00a4b3` | `oklch(65.65% 0.1124 206.20)` | Garish Blue | black, 6.9 to 1 |
| 33 | `#00a9b3` | `oklch(66.91% 0.1138 201.84)` | Exotic Sea | black, 7.3 to 1 |
| 34 | `#00aeb1` | `oklch(68.16% 0.1160 197.14)` | Larkspur Blue | black, 7.7 to 1 |
| 35 | `#10b3af` | `oklch(69.39% 0.1172 191.98)` | Laguna Green | black, 8 to 1 |
| 36 | `#20b8ab` | `oklch(70.58% 0.1182 186.24)` | Turquoise Topaz | black, 8.4 to 1 |
| 37 | `#30bca6` | `oklch(71.76% 0.1196 179.69)` | Tealish | black, 8.8 to 1 |
| 38 | `#40c09f` | `oklch(73.01% 0.1216 172.13)` | New Meadow | black, 9.2 to 1 |
| 39 | `#53c496` | `oklch(74.31% 0.1241 163.79)` | Macau | black, 9.7 to 1 |
| 40 | `#66c88c` | `oklch(75.63% 0.1269 154.90)` | Vegetation | black, 10.1 to 1 |
| 41 | `#7bca80` | `oklch(76.96% 0.1300 145.71)` | Serengeti Green | black, 10.6 to 1 |
| 42 | `#90cc74` | `oklch(78.26% 0.1332 136.44)` | Apple Orchard | black, 11 to 1 |
| 43 | `#a4cc68` | `oklch(79.52% 0.1364 127.35)` | Be Spontaneous | black, 11.4 to 1 |
| 44 | `#b7cc5d` | `oklch(80.70% 0.1395 118.66)` | Asparagus Fern | black, 11.8 to 1 |
| 45 | `#c8cb53` | `oklch(81.79% 0.1425 110.62)` | Slap Happy | black, 12.1 to 1 |
| 46 | `#d7ca4c` | `oklch(82.76% 0.1451 103.46)` | Green Sheen | black, 12.4 to 1 |
| 47 | `#e4c948` | `oklch(83.59% 0.1472 97.43)` | Fall Meadow | black, 12.7 to 1 |
| 48 | `#edc846` | `oklch(84.25% 0.1488 92.76)` | Colombian Yellow | black, 12.9 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #2e174b 0.000% 2.083%, #32194f 2.083% 4.167%, #381c54 4.167% 6.250%, #3f1e59 6.250% 8.333%, #482260 8.333% 10.417%, #512566 10.417% 12.500%, #5b296d 12.500% 14.583%, #652c73 14.583% 16.667%, #6f307a 16.667% 18.750%, #773480 18.750% 20.833%, #7f3987 20.833% 22.917%, #843d8e 22.917% 25.000%, #874295 25.000% 27.083%, #86469d 27.083% 29.167%, #844ba5 29.167% 31.250%, #7f51ac 31.250% 33.333%, #7756b2 33.333% 35.417%, #6e5cb7 35.417% 37.500%, #6462ba 37.500% 39.583%, #5868bc 39.583% 41.667%, #4c6dbc 41.667% 43.750%, #3f73ba 43.750% 45.833%, #3278b9 45.833% 47.917%, #247db7 47.917% 50.000%, #1682b6 50.000% 52.083%, #0387b5 52.083% 54.167%, #008cb4 54.167% 56.250%, #0090b3 56.250% 58.333%, #0095b3 58.333% 60.417%, #009ab3 60.417% 62.500%, #009fb3 62.500% 64.583%, #00a4b3 64.583% 66.667%, #00a9b3 66.667% 68.750%, #00aeb1 68.750% 70.833%, #10b3af 70.833% 72.917%, #20b8ab 72.917% 75.000%, #30bca6 75.000% 77.083%, #40c09f 77.083% 79.167%, #53c496 79.167% 81.250%, #66c88c 81.250% 83.333%, #7bca80 83.333% 85.417%, #90cc74 85.417% 87.500%, #a4cc68 87.500% 89.583%, #b7cc5d 89.583% 91.667%, #c8cb53 91.667% 93.750%, #d7ca4c 93.750% 95.833%, #e4c948 95.833% 97.917%, #edc846 97.917% 100.000%);
background: conic-gradient(from 225deg, oklch(26.77% 0.0923 300.94) 0.000% 2.083%, oklch(27.95% 0.0952 302.27) 2.083% 4.167%, oklch(29.50% 0.0993 304.40) 4.167% 6.250%, oklch(31.36% 0.1042 307.10) 6.250% 8.333%, oklch(33.44% 0.1097 310.16) 8.333% 10.417%, oklch(35.68% 0.1156 313.35) 10.417% 12.500%, oklch(38.02% 0.1216 316.44) 12.500% 14.583%, oklch(40.37% 0.1275 319.20) 14.583% 16.667%, oklch(42.66% 0.1330 321.42) 16.667% 18.750%, oklch(44.84% 0.1378 322.86) 18.750% 20.833%, oklch(46.82% 0.1419 323.31) 20.833% 22.917%, oklch(48.53% 0.1448 322.53) 22.917% 25.000%, oklch(49.92% 0.1463 320.31) 25.000% 27.083%, oklch(51.02% 0.1465 316.53) 27.083% 29.167%, oklch(51.91% 0.1457 311.39) 29.167% 31.250%, oklch(52.61% 0.1439 305.12) 31.250% 33.333%, oklch(53.18% 0.1414 297.96) 33.333% 35.417%, oklch(53.65% 0.1385 290.14) 35.417% 37.500%, oklch(54.06% 0.1352 281.90) 37.500% 39.583%, oklch(54.46% 0.1317 273.47) 39.583% 41.667%, oklch(54.87% 0.1283 265.10) 41.667% 43.750%, oklch(55.35% 0.1252 257.02) 43.750% 45.833%, oklch(55.93% 0.1226 249.47) 45.833% 47.917%, oklch(56.66% 0.1206 242.68) 47.917% 50.000%, oklch(57.55% 0.1193 236.82) 50.000% 52.083%, oklch(58.54% 0.1183 231.61) 52.083% 54.167%, oklch(59.61% 0.1150 226.88) 54.167% 56.250%, oklch(60.74% 0.1127 222.50) 56.250% 58.333%, oklch(61.92% 0.1115 218.36) 58.333% 60.417%, oklch(63.14% 0.1112 214.34) 60.417% 62.500%, oklch(64.39% 0.1115 210.32) 62.500% 64.583%, oklch(65.65% 0.1124 206.20) 64.583% 66.667%, oklch(66.91% 0.1138 201.84) 66.667% 68.750%, oklch(68.16% 0.1160 197.14) 68.750% 70.833%, oklch(69.39% 0.1172 191.98) 70.833% 72.917%, oklch(70.58% 0.1182 186.24) 72.917% 75.000%, oklch(71.76% 0.1196 179.69) 75.000% 77.083%, oklch(73.01% 0.1216 172.13) 77.083% 79.167%, oklch(74.31% 0.1241 163.79) 79.167% 81.250%, oklch(75.63% 0.1269 154.90) 81.250% 83.333%, oklch(76.96% 0.1300 145.71) 83.333% 85.417%, oklch(78.26% 0.1332 136.44) 85.417% 87.500%, oklch(79.52% 0.1364 127.35) 87.500% 89.583%, oklch(80.70% 0.1395 118.66) 89.583% 91.667%, oklch(81.79% 0.1425 110.62) 91.667% 93.750%, oklch(82.76% 0.1451 103.46) 93.750% 95.833%, oklch(83.59% 0.1472 97.43) 95.833% 97.917%, oklch(84.25% 0.1488 92.76) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.092 | 300.9 |
| 2 | 0.496 | 0.146 | 321 |
| 3 | 0.571 | 0.12 | 239.6 |
| 4 | 0.709 | 0.119 | 184.7 |
| 5 | 0.843 | 0.149 | 92.8 |

## In these collections

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

## Other forms

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