# Violet and mustard summer palette

The Violet and mustard summer palette brings together purple and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal campaigns and event graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Tritone purple, pink and tan radial gradient
- Seed: `kScJnT1avCm0p0a`
- Page: https://grabient.com/kScJnT1avCm0p0a?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#6520b5` | `oklch(44.09% 0.2108 297.42)` | Rabbit-Ear Iris | white, 8.6 to 1 |
| 2 | `#6725b6` | `oklch(44.95% 0.2074 297.98)` | Rabbit-Ear Iris | white, 8.3 to 1 |
| 3 | `#6a2bb7` | `oklch(45.99% 0.2029 298.27)` | Purple Emperor | white, 7.9 to 1 |
| 4 | `#6d32b8` | `oklch(47.20% 0.1977 298.39)` | Purple Emperor | white, 7.4 to 1 |
| 5 | `#7039ba` | `oklch(48.56% 0.1917 298.41)` | Purple Emperor | white, 7 to 1 |
| 6 | `#7440bc` | `oklch(50.03% 0.1852 298.43)` | Purple Rain | white, 6.5 to 1 |
| 7 | `#7748be` | `oklch(51.61% 0.1783 298.53)` | Purple Rain | white, 6 to 1 |
| 8 | `#7c4fc0` | `oklch(53.27% 0.1712 298.79)` | Fuchsia Blue | white, 5.6 to 1 |
| 9 | `#8156c2` | `oklch(54.98% 0.1639 299.29)` | Fuchsia Blue | white, 5.2 to 1 |
| 10 | `#865cc4` | `oklch(56.73% 0.1566 300.14)` | Fuchsia Blue | white, 4.8 to 1 |
| 11 | `#8c63c5` | `oklch(58.49% 0.1495 301.40)` | Lusty Lavender | black, 4.6 to 1 |
| 12 | `#9369c6` | `oklch(60.23% 0.1428 303.16)` | Amethyst | black, 5 to 1 |
| 13 | `#9a6ec7` | `oklch(61.94% 0.1364 305.51)` | Lilac Bush | black, 5.4 to 1 |
| 14 | `#a273c7` | `oklch(63.59% 0.1307 308.54)` | Rich Lavender | black, 5.8 to 1 |
| 15 | `#aa78c7` | `oklch(65.16% 0.1257 312.32)` | Wisteria | black, 6.1 to 1 |
| 16 | `#b27bc5` | `oklch(66.63% 0.1216 316.96)` | Wisteria | black, 6.5 to 1 |
| 17 | `#bb7fc3` | `oklch(68.00% 0.1184 322.60)` | Lavender Sweater | black, 6.9 to 1 |
| 18 | `#c581bf` | `oklch(69.38% 0.1160 329.72)` | Lavender Sweater | black, 7.2 to 1 |
| 19 | `#cf84b9` | `oklch(70.78% 0.1141 338.20)` | Cyclamen | black, 7.6 to 1 |
| 20 | `#d987b2` | `oklch(72.19% 0.1127 347.81)` | Springtime Bloom | black, 8 to 1 |
| 21 | `#e28ba9` | `oklch(73.59% 0.1119 358.32)` | Pomelo Red | black, 8.5 to 1 |
| 22 | `#eb8f9e` | `oklch(74.99% 0.1114 9.51)` | Peony | black, 8.9 to 1 |
| 23 | `#f19593` | `oklch(76.36% 0.1112 21.16)` | Funki Porcini | black, 9.4 to 1 |
| 24 | `#f59c88` | `oklch(77.70% 0.1114 33.05)` | Rose Essence | black, 9.9 to 1 |
| 25 | `#f6a37e` | `oklch(78.99% 0.1117 44.94)` | Pumpkin Hue | black, 10.4 to 1 |
| 26 | `#f6ab75` | `oklch(80.23% 0.1122 56.62)` | Charming Peach | black, 11 to 1 |
| 27 | `#f3b46f` | `oklch(81.39% 0.1127 67.87)` | Golden Corn | black, 11.5 to 1 |
| 28 | `#eebd6d` | `oklch(82.48% 0.1133 78.45)` | Luscious Lemon | black, 12 to 1 |
| 29 | `#e8c56d` | `oklch(83.48% 0.1138 88.14)` | Quilt Gold | black, 12.6 to 1 |
| 30 | `#e1cc71` | `oklch(84.38% 0.1142 96.73)` | Le Bon Dijon | black, 13 to 1 |
| 31 | `#dbd276` | `oklch(85.16% 0.1144 103.98)` | Lime Tree | black, 13.5 to 1 |
| 32 | `#d5d77c` | `oklch(85.83% 0.1144 109.67)` | Goody Gumdrop | black, 13.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6520b5 0.0%, #6725b6 3.2%, #6a2bb7 6.5%, #6d32b8 9.7%, #7039ba 12.9%, #7440bc 16.1%, #7748be 19.4%, #7c4fc0 22.6%, #8156c2 25.8%, #865cc4 29.0%, #8c63c5 32.3%, #9369c6 35.5%, #9a6ec7 38.7%, #a273c7 41.9%, #aa78c7 45.2%, #b27bc5 48.4%, #bb7fc3 51.6%, #c581bf 54.8%, #cf84b9 58.1%, #d987b2 61.3%, #e28ba9 64.5%, #eb8f9e 67.7%, #f19593 71.0%, #f59c88 74.2%, #f6a37e 77.4%, #f6ab75 80.6%, #f3b46f 83.9%, #eebd6d 87.1%, #e8c56d 90.3%, #e1cc71 93.5%, #dbd276 96.8%, #d5d77c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.2108 297.42) 0.0%, oklch(44.95% 0.2074 297.98) 3.2%, oklch(45.99% 0.2029 298.27) 6.5%, oklch(47.20% 0.1977 298.39) 9.7%, oklch(48.56% 0.1917 298.41) 12.9%, oklch(50.03% 0.1852 298.43) 16.1%, oklch(51.61% 0.1783 298.53) 19.4%, oklch(53.27% 0.1712 298.79) 22.6%, oklch(54.98% 0.1639 299.29) 25.8%, oklch(56.73% 0.1566 300.14) 29.0%, oklch(58.49% 0.1495 301.40) 32.3%, oklch(60.23% 0.1428 303.16) 35.5%, oklch(61.94% 0.1364 305.51) 38.7%, oklch(63.59% 0.1307 308.54) 41.9%, oklch(65.16% 0.1257 312.32) 45.2%, oklch(66.63% 0.1216 316.96) 48.4%, oklch(68.00% 0.1184 322.60) 51.6%, oklch(69.38% 0.1160 329.72) 54.8%, oklch(70.78% 0.1141 338.20) 58.1%, oklch(72.19% 0.1127 347.81) 61.3%, oklch(73.59% 0.1119 358.32) 64.5%, oklch(74.99% 0.1114 9.51) 67.7%, oklch(76.36% 0.1112 21.16) 71.0%, oklch(77.70% 0.1114 33.05) 74.2%, oklch(78.99% 0.1117 44.94) 77.4%, oklch(80.23% 0.1122 56.62) 80.6%, oklch(81.39% 0.1127 67.87) 83.9%, oklch(82.48% 0.1133 78.45) 87.1%, oklch(83.48% 0.1138 88.14) 90.3%, oklch(84.38% 0.1142 96.73) 93.5%, oklch(85.16% 0.1144 103.98) 96.8%, oklch(85.83% 0.1144 109.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.211 | 297.4 |
| 2 | 0.673 | 0.12 | 319.6 |
| 3 | 0.858 | 0.114 | 469.7 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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