# Mustard and crimson neon palette

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

- Also called: Vivid green, mustard, orange and red linear swatches
- Seed: `kUwZFV3ki89bMO9O0Dxg`
- Page: https://grabient.com/kUwZFV3ki89bMO9O0Dxg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#a3c000` | `oklch(75.98% 0.1808 120.24)` | Gross Green | black, 10.1 to 1 |
| 2 | `#c9a800` | `oklch(74.02% 0.1519 94.87)` | Christmas Gold | black, 9.1 to 1 |
| 3 | `#de7c00` | `oklch(68.11% 0.1598 59.98)` | Orange Pepper | black, 7 to 1 |
| 4 | `#ed3622` | `oklch(61.81% 0.2205 30.41)` | Red Rampage | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a3c000 0.000% 25.000%, #c9a800 25.000% 50.000%, #de7c00 50.000% 75.000%, #ed3622 75.000% 100.000%);
background: linear-gradient(90deg, oklch(75.98% 0.1808 120.24) 0.000% 25.000%, oklch(74.02% 0.1519 94.87) 25.000% 50.000%, oklch(68.11% 0.1598 59.98) 50.000% 75.000%, oklch(61.81% 0.2205 30.41) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.2 | 120.2 |
| 2 | 0.74 | 0.2 | 94.9 |
| 3 | 0.681 | 0.209 | 60 |
| 4 | 0.618 | 0.22 | 30.4 |

## In these collections

- [Neon swatches](https://grabient.com/neon-swatches)

## Other forms

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