# Rose and ochre neon palette

The Rose and ochre neon palette brings together magenta, red, orange, and gold. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits game interface concepts and stream graphics. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Vivid pink, orange and yellow linear gradient
- Seed: `kUqKD12VPDeDQRBqyMVA`
- Page: https://grabient.com/kUqKD12VPDeDQRBqyMVA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#e949b0` | `oklch(66.14% 0.2205 345.23)` | Major Magenta | black, 6 to 1 |
| 2 | `#ec48ad` | `oklch(66.36% 0.2211 346.91)` | Major Magenta | black, 6.1 to 1 |
| 3 | `#ef48a9` | `oklch(66.63% 0.2220 349.02)` | Major Magenta | black, 6.1 to 1 |
| 4 | `#f347a4` | `oklch(66.94% 0.2231 351.50)` | Major Magenta | black, 6.2 to 1 |
| 5 | `#f7469f` | `oklch(67.29% 0.2244 354.29)` | Rose Bonbon | black, 6.3 to 1 |
| 6 | `#fb4698` | `oklch(67.67% 0.2257 357.33)` | French Fuchsia | black, 6.4 to 1 |
| 7 | `#ff4591` | `oklch(68.09% 0.2269 0.53)` | French Fuchsia | black, 6.5 to 1 |
| 8 | `#ff4c8b` | `oklch(68.52% 0.2179 3.84)` | Sasquatch Socks | black, 6.6 to 1 |
| 9 | `#ff5384` | `oklch(68.98% 0.2094 7.20)` | Warm Pink | black, 6.8 to 1 |
| 10 | `#ff597e` | `oklch(69.44% 0.2018 10.53)` | Watermelon Candy | black, 6.9 to 1 |
| 11 | `#ff5e79` | `oklch(69.92% 0.1952 13.77)` | Watermelon Candy | black, 7.1 to 1 |
| 12 | `#ff6374` | `oklch(70.40% 0.1893 16.90)` | Kisses and Hugs | black, 7.3 to 1 |
| 13 | `#ff6870` | `oklch(70.90% 0.1840 20.03)` | Kisses and Hugs | black, 7.4 to 1 |
| 14 | `#ff6d6c` | `oklch(71.41% 0.1791 23.19)` | Flirty Salmon | black, 7.6 to 1 |
| 15 | `#ff7168` | `oklch(71.95% 0.1747 26.38)` | Manila Sunset | black, 7.8 to 1 |
| 16 | `#ff7664` | `oklch(72.50% 0.1707 29.62)` | Peachy Pinky | black, 8 to 1 |
| 17 | `#ff7b60` | `oklch(73.07% 0.1672 32.93)` | Sunset Papaya | black, 8.2 to 1 |
| 18 | `#ff7f5c` | `oklch(73.66% 0.1642 36.33)` | Ballet Cream | black, 8.4 to 1 |
| 19 | `#ff8358` | `oklch(74.27% 0.1616 39.82)` | Ballet Cream | black, 8.6 to 1 |
| 20 | `#ff8854` | `oklch(74.90% 0.1596 43.42)` | Tiger of Mysore | black, 8.8 to 1 |
| 21 | `#ff8c4f` | `oklch(75.54% 0.1582 47.14)` | Boredom Buster | black, 9.1 to 1 |
| 22 | `#ff914a` | `oklch(76.21% 0.1575 51.03)` | Encounter | black, 9.3 to 1 |
| 23 | `#ff9643` | `oklch(76.96% 0.1577 55.37)` | Absolute Apricot | black, 9.6 to 1 |
| 24 | `#ff9b3b` | `oklch(77.78% 0.1591 60.14)` | Indian Saffron | black, 10 to 1 |
| 25 | `#ffa12e` | `oklch(78.65% 0.1622 65.18)` | Blazing Bonfire | black, 10.3 to 1 |
| 26 | `#ffa619` | `oklch(79.55% 0.1674 70.33)` | Orange You Glad | black, 10.7 to 1 |
| 27 | `#fdad00` | `oklch(80.44% 0.1694 75.43)` | Fresh Squeezed | black, 11.1 to 1 |
| 28 | `#f9b400` | `oklch(81.29% 0.1682 80.36)` | Yellow Summer | black, 11.5 to 1 |
| 29 | `#f6ba00` | `oklch(82.09% 0.1683 84.94)` | Decor Yellow | black, 11.9 to 1 |
| 30 | `#f3bf00` | `oklch(82.80% 0.1692 89.04)` | Golden | black, 12.2 to 1 |
| 31 | `#f0c400` | `oklch(83.40% 0.1707 92.48)` | Abra Goldenrod | black, 12.5 to 1 |
| 32 | `#edc700` | `oklch(83.86% 0.1722 95.13)` | Yolk | black, 12.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e949b0 0.0%, #ec48ad 3.2%, #ef48a9 6.5%, #f347a4 9.7%, #f7469f 12.9%, #fb4698 16.1%, #ff4591 19.4%, #ff4c8b 22.6%, #ff5384 25.8%, #ff597e 29.0%, #ff5e79 32.3%, #ff6374 35.5%, #ff6870 38.7%, #ff6d6c 41.9%, #ff7168 45.2%, #ff7664 48.4%, #ff7b60 51.6%, #ff7f5c 54.8%, #ff8358 58.1%, #ff8854 61.3%, #ff8c4f 64.5%, #ff914a 67.7%, #ff9643 71.0%, #ff9b3b 74.2%, #ffa12e 77.4%, #ffa619 80.6%, #fdad00 83.9%, #f9b400 87.1%, #f6ba00 90.3%, #f3bf00 93.5%, #f0c400 96.8%, #edc700 100.0%);
background: linear-gradient(90deg in oklch, oklch(66.14% 0.2205 345.23) 0.0%, oklch(66.36% 0.2211 346.91) 3.2%, oklch(66.63% 0.2220 349.02) 6.5%, oklch(66.94% 0.2231 351.50) 9.7%, oklch(67.29% 0.2244 354.29) 12.9%, oklch(67.67% 0.2257 357.33) 16.1%, oklch(68.09% 0.2269 0.53) 19.4%, oklch(68.52% 0.2179 3.84) 22.6%, oklch(68.98% 0.2094 7.20) 25.8%, oklch(69.44% 0.2018 10.53) 29.0%, oklch(69.92% 0.1952 13.77) 32.3%, oklch(70.40% 0.1893 16.90) 35.5%, oklch(70.90% 0.1840 20.03) 38.7%, oklch(71.41% 0.1791 23.19) 41.9%, oklch(71.95% 0.1747 26.38) 45.2%, oklch(72.50% 0.1707 29.62) 48.4%, oklch(73.07% 0.1672 32.93) 51.6%, oklch(73.66% 0.1642 36.33) 54.8%, oklch(74.27% 0.1616 39.82) 58.1%, oklch(74.90% 0.1596 43.42) 61.3%, oklch(75.54% 0.1582 47.14) 64.5%, oklch(76.21% 0.1575 51.03) 67.7%, oklch(76.96% 0.1577 55.37) 71.0%, oklch(77.78% 0.1591 60.14) 74.2%, oklch(78.65% 0.1622 65.18) 77.4%, oklch(79.55% 0.1674 70.33) 80.6%, oklch(80.44% 0.1694 75.43) 83.9%, oklch(81.29% 0.1682 80.36) 87.1%, oklch(82.09% 0.1683 84.94) 90.3%, oklch(82.80% 0.1692 89.04) 93.5%, oklch(83.40% 0.1707 92.48) 96.8%, oklch(83.86% 0.1722 95.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.22 | 345.2 |
| 2 | 0.701 | 0.23 | 374.8 |
| 3 | 0.76 | 0.22 | 409.7 |
| 4 | 0.839 | 0.2 | 455.1 |

## In these collections

- [Peach](https://grabient.com/peach)
- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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