# Crimson and mustard bright palette

The Crimson and mustard bright palette brings together red, orange, gold, teal, and pale orange. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is pale orange.

- Also called: Red, yellow, teal and gray radial swatches
- Seed: `kWmaAN1rnE-fCxjII0p9YmxA`
- Page: https://grabient.com/kWmaAN1rnE-fCxjII0p9YmxA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.5 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 | `#e72949` | `oklch(60.24% 0.2205 18.98)` | Manganese Red | black, 4.7 to 1 |
| 2 | `#dc7e00` | `oklch(68.11% 0.1578 61.24)` | Orange Pepper | black, 7 to 1 |
| 3 | `#c2ce00` | `oklch(81.50% 0.1833 114.09)` | Garlic Pesto | black, 12.1 to 1 |
| 4 | `#00878f` | `oklch(56.69% 0.0965 202.86)` | Ocean Soul | black, 4.8 to 1 |
| 5 | `#f0e4d3` | `oklch(92.52% 0.0262 77.11)` | Hectorite | black, 16.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e72949 0.000% 20.000%, #dc7e00 20.000% 40.000%, #c2ce00 40.000% 60.000%, #00878f 60.000% 80.000%, #f0e4d3 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(60.24% 0.2205 18.98) 0.000% 20.000%, oklch(68.11% 0.1578 61.24) 20.000% 40.000%, oklch(81.50% 0.1833 114.09) 40.000% 60.000%, oklch(56.69% 0.0965 202.86) 60.000% 80.000%, oklch(92.52% 0.0262 77.11) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.22 | 19 |
| 2 | 0.681 | 0.158 | 61.3 |
| 3 | 0.815 | 0.183 | 114.1 |
| 4 | 0.567 | 0.096 | 202.9 |
| 5 | 0.925 | 0.026 | 77.1 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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