# Crimson, orange and mustard spring palette

The Crimson, orange and mustard spring palette brings together red, orange, gold, and yellow. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is yellow.

- Also called: Vivid duotone pink to yellow linear gradient
- Seed: `kWn34J2blBGIuQxqsEQ8DRCI`
- Page: https://grabient.com/kWn34J2blBGIuQxqsEQ8DRCI?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#dc5169` | `oklch(62.60% 0.1736 13.36)` | Cranberry Splash | black, 5.4 to 1 |
| 2 | `#de546a` | `oklch(63.24% 0.1724 14.00)` | Nectarous Nectarine | black, 5.5 to 1 |
| 3 | `#e0576b` | `oklch(64.10% 0.1709 14.72)` | Nectarous Nectarine | black, 5.7 to 1 |
| 4 | `#e35b6c` | `oklch(65.13% 0.1691 15.57)` | Swiss Chard | black, 6 to 1 |
| 5 | `#e7606e` | `oklch(66.26% 0.1670 16.60)` | Lovely Little Rosy | black, 6.2 to 1 |
| 6 | `#ea6570` | `oklch(67.45% 0.1646 17.86)` | Purehearted | black, 6.6 to 1 |
| 7 | `#ed6a71` | `oklch(68.62% 0.1621 19.39)` | Zahri Pink | black, 6.9 to 1 |
| 8 | `#f06f71` | `oklch(69.72% 0.1593 21.24)` | Zahri Pink | black, 7.2 to 1 |
| 9 | `#f27471` | `oklch(70.71% 0.1563 23.46)` | Breeze of Chilli | black, 7.5 to 1 |
| 10 | `#f47970` | `oklch(71.62% 0.1526 26.07)` | Melon Refresher | black, 7.8 to 1 |
| 11 | `#f57e6f` | `oklch(72.50% 0.1482 29.02)` | Smoked Salmon | black, 8.1 to 1 |
| 12 | `#f5846d` | `oklch(73.36% 0.1435 32.27)` | Juicy Passionfruit | black, 8.4 to 1 |
| 13 | `#f5896c` | `oklch(74.21% 0.1388 35.77)` | Juicy Passionfruit | black, 8.7 to 1 |
| 14 | `#f58e6b` | `oklch(75.05% 0.1344 39.47)` | Salmon Nigiri | black, 9 to 1 |
| 15 | `#f5946b` | `oklch(75.89% 0.1306 43.32)` | Melon Red | black, 9.3 to 1 |
| 16 | `#f59969` | `oklch(76.74% 0.1277 47.28)` | Indian Paintbrush | black, 9.6 to 1 |
| 17 | `#f69e68` | `oklch(77.60% 0.1261 51.37)` | Copper River | black, 9.9 to 1 |
| 18 | `#f6a366` | `oklch(78.50% 0.1255 55.90)` | Shrimp Cocktail | black, 10.3 to 1 |
| 19 | `#f6a863` | `oklch(79.41% 0.1257 60.77)` | Candied Yams | black, 10.7 to 1 |
| 20 | `#f6ad60` | `oklch(80.32% 0.1265 65.81)` | Blazing Autumn | black, 11 to 1 |
| 21 | `#f5b35e` | `oklch(81.22% 0.1278 70.86)` | Peanut Butter Biscuit | black, 11.4 to 1 |
| 22 | `#f4b85c` | `oklch(82.09% 0.1292 75.74)` | Crunch | black, 11.8 to 1 |
| 23 | `#f3bd5b` | `oklch(82.91% 0.1307 80.28)` | Fizzy Peach | black, 12.2 to 1 |
| 24 | `#f2c25b` | `oklch(83.68% 0.1320 84.31)` | Overjoy | black, 12.6 to 1 |
| 25 | `#f0c65b` | `oklch(84.39% 0.1332 87.81)` | Corn Bread | black, 12.9 to 1 |
| 26 | `#efca5c` | `oklch(85.08% 0.1346 91.03)` | Dancing Daisy | black, 13.3 to 1 |
| 27 | `#edce5d` | `oklch(85.75% 0.1362 93.99)` | Vault-Tec Yellow | black, 13.6 to 1 |
| 28 | `#ecd25e` | `oklch(86.37% 0.1379 96.66)` | Pursuit of Happiness | black, 13.9 to 1 |
| 29 | `#ebd55f` | `oklch(86.94% 0.1396 99.04)` | Kings Yellow | black, 14.2 to 1 |
| 30 | `#ead860` | `oklch(87.44% 0.1411 101.10)` | Pharaoh’s Gold | black, 14.5 to 1 |
| 31 | `#e9db61` | `oklch(87.86% 0.1424 102.84)` | Dull Yellow | black, 14.7 to 1 |
| 32 | `#e8dd62` | `oklch(88.19% 0.1433 104.24)` | Fandangle | black, 14.9 to 1 |

## CSS

```css
background: linear-gradient(315deg, #dc5169 0.0%, #de546a 3.2%, #e0576b 6.5%, #e35b6c 9.7%, #e7606e 12.9%, #ea6570 16.1%, #ed6a71 19.4%, #f06f71 22.6%, #f27471 25.8%, #f47970 29.0%, #f57e6f 32.3%, #f5846d 35.5%, #f5896c 38.7%, #f58e6b 41.9%, #f5946b 45.2%, #f59969 48.4%, #f69e68 51.6%, #f6a366 54.8%, #f6a863 58.1%, #f6ad60 61.3%, #f5b35e 64.5%, #f4b85c 67.7%, #f3bd5b 71.0%, #f2c25b 74.2%, #f0c65b 77.4%, #efca5c 80.6%, #edce5d 83.9%, #ecd25e 87.1%, #ebd55f 90.3%, #ead860 93.5%, #e9db61 96.8%, #e8dd62 100.0%);
background: linear-gradient(315deg in oklch, oklch(62.60% 0.1736 13.36) 0.0%, oklch(63.24% 0.1724 14.00) 3.2%, oklch(64.10% 0.1709 14.72) 6.5%, oklch(65.13% 0.1691 15.57) 9.7%, oklch(66.26% 0.1670 16.60) 12.9%, oklch(67.45% 0.1646 17.86) 16.1%, oklch(68.62% 0.1621 19.39) 19.4%, oklch(69.72% 0.1593 21.24) 22.6%, oklch(70.71% 0.1563 23.46) 25.8%, oklch(71.62% 0.1526 26.07) 29.0%, oklch(72.50% 0.1482 29.02) 32.3%, oklch(73.36% 0.1435 32.27) 35.5%, oklch(74.21% 0.1388 35.77) 38.7%, oklch(75.05% 0.1344 39.47) 41.9%, oklch(75.89% 0.1306 43.32) 45.2%, oklch(76.74% 0.1277 47.28) 48.4%, oklch(77.60% 0.1261 51.37) 51.6%, oklch(78.50% 0.1255 55.90) 54.8%, oklch(79.41% 0.1257 60.77) 58.1%, oklch(80.32% 0.1265 65.81) 61.3%, oklch(81.22% 0.1278 70.86) 64.5%, oklch(82.09% 0.1292 75.74) 67.7%, oklch(82.91% 0.1307 80.28) 71.0%, oklch(83.68% 0.1320 84.31) 74.2%, oklch(84.39% 0.1332 87.81) 77.4%, oklch(85.08% 0.1346 91.03) 80.6%, oklch(85.75% 0.1362 93.99) 83.9%, oklch(86.37% 0.1379 96.66) 87.1%, oklch(86.94% 0.1396 99.04) 90.3%, oklch(87.44% 0.1411 101.10) 93.5%, oklch(87.86% 0.1424 102.84) 96.8%, oklch(88.19% 0.1433 104.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.174 | 13.4 |
| 2 | 0.705 | 0.157 | 22.9 |
| 3 | 0.772 | 0.127 | 49.3 |
| 4 | 0.839 | 0.132 | 85.2 |
| 5 | 0.882 | 0.143 | 104.2 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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