# Near-black, crimson and ochre bold palette

The Near-black, crimson and ochre bold palette brings together dark gray, off-white, red, blue, and gold. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Rainbow from black to yellow radial swatches
- Seed: `kWJABAegVAUnQuC9y7E6r4rg`
- Page: https://grabient.com/kWJABAegVAUnQuC9y7E6r4rg?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 17.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 | `#090909` | `oklch(14.17% 0.0000 89.88)` | Badab Black Wash | white, 19.8 to 1 |
| 2 | `#f5f2e8` | `oklch(96.06% 0.0138 93.17)` | Cheviot | black, 18.7 to 1 |
| 3 | `#df1f20` | `oklch(57.87% 0.2219 27.65)` | Chicken Comb | white, 4.8 to 1 |
| 4 | `#1650d2` | `oklch(48.43% 0.2081 262.95)` | Pacific Bridge | white, 6.7 to 1 |
| 5 | `#f4c404` | `oklch(83.86% 0.1709 90.70)` | Sunshine Mellow | black, 12.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #090909 0.000% 20.000%, #f5f2e8 20.000% 40.000%, #df1f20 40.000% 60.000%, #1650d2 60.000% 80.000%, #f4c404 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(14.17% 0.0000 89.88) 0.000% 20.000%, oklch(96.06% 0.0138 93.17) 20.000% 40.000%, oklch(57.87% 0.2219 27.65) 40.000% 60.000%, oklch(48.43% 0.2081 262.95) 60.000% 80.000%, oklch(83.86% 0.1709 90.70) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0 | 90 |
| 2 | 0.961 | 0.014 | 93.2 |
| 3 | 0.579 | 0.222 | 27.7 |
| 4 | 0.484 | 0.208 | -97 |
| 5 | 0.839 | 0.171 | -269.3 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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