# Crimson, mustard and violet color palette

The Crimson, mustard and violet color palette brings together red, orange, gold, green, teal, and purple. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Rainbow from red to blue radial gradient
- Seed: `kYl4YS2LtCWq2xbXs8TV6bG8E4y8`
- Page: https://grabient.com/kYl4YS2LtCWq2xbXs8TV6bG8E4y8?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#d6433f` | `oklch(59.45% 0.1846 26.02)` | Dangerously Red | black, 4.7 to 1 |
| 2 | `#d9493f` | `oklch(60.48% 0.1822 27.80)` | Gladiola | black, 4.9 to 1 |
| 3 | `#dc503f` | `oklch(61.85% 0.1788 30.00)` | Blossoming Dynasty | black, 5.2 to 1 |
| 4 | `#e0593f` | `oklch(63.50% 0.1748 32.71)` | Tiger Lily | black, 5.6 to 1 |
| 5 | `#e4623e` | `oklch(65.35% 0.1706 36.05)` | Startling Orange | black, 6.1 to 1 |
| 6 | `#e86c3d` | `oklch(67.30% 0.1666 40.11)` | Celosia Orange | black, 6.6 to 1 |
| 7 | `#ec763a` | `oklch(69.29% 0.1632 45.01)` | Orange Crush | black, 7.2 to 1 |
| 8 | `#f08136` | `oklch(71.53% 0.1605 51.02)` | Goku Orange | black, 7.9 to 1 |
| 9 | `#f48f32` | `oklch(74.38% 0.1582 58.34)` | Spicy Paella | black, 8.8 to 1 |
| 10 | `#f79f31` | `oklch(77.45% 0.1561 66.52)` | Yellow Sea | black, 9.9 to 1 |
| 11 | `#f8ae33` | `oklch(80.31% 0.1543 75.12)` | Raichu Orange | black, 11.1 to 1 |
| 12 | `#f5bc39` | `oklch(82.55% 0.1525 83.67)` | Barberry Yellow | black, 12.1 to 1 |
| 13 | `#edc640` | `oklch(83.76% 0.1509 91.72)` | Buzz | black, 12.7 to 1 |
| 14 | `#e1ca45` | `oklch(83.50% 0.1494 98.91)` | Confetti | black, 12.7 to 1 |
| 15 | `#d1c845` | `oklch(81.70% 0.1485 105.42)` | Green Sheen | black, 12 to 1 |
| 16 | `#bec343` | `oklch(78.88% 0.1478 111.59)` | Tropic Canary | black, 11 to 1 |
| 17 | `#a8bc41` | `oklch(75.60% 0.1471 117.74)` | Money Banks | black, 9.9 to 1 |
| 18 | `#93b543` | `oklch(72.42% 0.1459 124.19)` | Venus Flytrap | black, 8.9 to 1 |
| 19 | `#7db04a` | `oklch(69.88% 0.1438 131.25)` | Parakeet | black, 8.1 to 1 |
| 20 | `#6aae56` | `oklch(68.51% 0.1402 139.15)` | Techno Green | black, 7.8 to 1 |
| 21 | `#5aaf67` | `oklch(68.23% 0.1340 147.25)` | Algae | black, 7.7 to 1 |
| 22 | `#4eb178` | `oklch(68.62% 0.1261 155.63)` | Divot | black, 7.8 to 1 |
| 23 | `#46b389` | `oklch(69.26% 0.1180 164.57)` | Mint | black, 8 to 1 |
| 24 | `#40b499` | `oklch(69.75% 0.1111 174.36)` | Green Blue | black, 8.2 to 1 |
| 25 | `#39b3a6` | `oklch(69.66% 0.1067 185.31)` | Island Moment | black, 8.1 to 1 |
| 26 | `#2daeb1` | `oklch(68.58% 0.1064 197.76)` | Larkspur Blue | black, 7.8 to 1 |
| 27 | `#1da4bc` | `oklch(66.32% 0.1111 213.45)` | Maui | black, 7.1 to 1 |
| 28 | `#2295c5` | `oklch(63.20% 0.1194 231.75)` | Porpita Porpita | black, 6.2 to 1 |
| 29 | `#3c83c9` | `oklch(59.68% 0.1297 250.89)` | Worn Denim | black, 5.2 to 1 |
| 30 | `#546ec7` | `oklch(56.21% 0.1404 269.08)` | Han Blue | white, 4.7 to 1 |
| 31 | `#655cbe` | `oklch(53.23% 0.1496 284.54)` | Circumorbital Ring | white, 5.5 to 1 |
| 32 | `#704eb4` | `oklch(51.18% 0.1557 295.49)` | Royal Lavender | white, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d6433f 0.0%, #d9493f 3.2%, #dc503f 6.5%, #e0593f 9.7%, #e4623e 12.9%, #e86c3d 16.1%, #ec763a 19.4%, #f08136 22.6%, #f48f32 25.8%, #f79f31 29.0%, #f8ae33 32.3%, #f5bc39 35.5%, #edc640 38.7%, #e1ca45 41.9%, #d1c845 45.2%, #bec343 48.4%, #a8bc41 51.6%, #93b543 54.8%, #7db04a 58.1%, #6aae56 61.3%, #5aaf67 64.5%, #4eb178 67.7%, #46b389 71.0%, #40b499 74.2%, #39b3a6 77.4%, #2daeb1 80.6%, #1da4bc 83.9%, #2295c5 87.1%, #3c83c9 90.3%, #546ec7 93.5%, #655cbe 96.8%, #704eb4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.1846 26.02) 0.0%, oklch(60.48% 0.1822 27.80) 3.2%, oklch(61.85% 0.1788 30.00) 6.5%, oklch(63.50% 0.1748 32.71) 9.7%, oklch(65.35% 0.1706 36.05) 12.9%, oklch(67.30% 0.1666 40.11) 16.1%, oklch(69.29% 0.1632 45.01) 19.4%, oklch(71.53% 0.1605 51.02) 22.6%, oklch(74.38% 0.1582 58.34) 25.8%, oklch(77.45% 0.1561 66.52) 29.0%, oklch(80.31% 0.1543 75.12) 32.3%, oklch(82.55% 0.1525 83.67) 35.5%, oklch(83.76% 0.1509 91.72) 38.7%, oklch(83.50% 0.1494 98.91) 41.9%, oklch(81.70% 0.1485 105.42) 45.2%, oklch(78.88% 0.1478 111.59) 48.4%, oklch(75.60% 0.1471 117.74) 51.6%, oklch(72.42% 0.1459 124.19) 54.8%, oklch(69.88% 0.1438 131.25) 58.1%, oklch(68.51% 0.1402 139.15) 61.3%, oklch(68.23% 0.1340 147.25) 64.5%, oklch(68.62% 0.1261 155.63) 67.7%, oklch(69.26% 0.1180 164.57) 71.0%, oklch(69.75% 0.1111 174.36) 74.2%, oklch(69.66% 0.1067 185.31) 77.4%, oklch(68.58% 0.1064 197.76) 80.6%, oklch(66.32% 0.1111 213.45) 83.9%, oklch(63.20% 0.1194 231.75) 87.1%, oklch(59.68% 0.1297 250.89) 90.3%, oklch(56.21% 0.1404 269.08) 93.5%, oklch(53.23% 0.1496 284.54) 96.8%, oklch(51.18% 0.1557 295.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.185 | 26 |
| 2 | 0.697 | 0.163 | 46.1 |
| 3 | 0.839 | 0.15 | 94.7 |
| 4 | 0.689 | 0.142 | 135.9 |
| 5 | 0.689 | 0.106 | 195.1 |
| 6 | 0.512 | 0.156 | 295.5 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)
- [Rainbow gradients](https://grabient.com/rainbow-gradients)
- [Kerala flower carpet](https://grabient.com/kerala-flower-carpet)

## Other forms

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