# Near-black, stone and crimson bold palette

The Near-black, stone and crimson bold palette brings together dark gray, gray, off-white, teal, and red. 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: Black, white, blue and red angular swatches
- Seed: `kWMgBANYA__qCQfWMM50sjSo`
- Page: https://grabient.com/kWMgBANYA__qCQfWMM50sjSo?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 16.4 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 | `#151515` | `oklch(19.69% 0.0000 89.88)` | Matt Black | white, 18.2 to 1 |
| 2 | `#4d4d4d` | `oklch(42.13% 0.0000 89.88)` | Thunder | white, 8.4 to 1 |
| 3 | `#f3f4ef` | `oklch(96.46% 0.0055 106.91)` | Classic Chalk | black, 18.9 to 1 |
| 4 | `#04a6d9` | `oklch(67.72% 0.1337 229.49)` | Malibu Blue | black, 7.4 to 1 |
| 5 | `#f04f43` | `oklch(64.96% 0.1998 28.00)` | Strawberry Avalanche | black, 5.9 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #151515 0.000% 20.000%, #4d4d4d 20.000% 40.000%, #f3f4ef 40.000% 60.000%, #04a6d9 60.000% 80.000%, #f04f43 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(19.69% 0.0000 89.88) 0.000% 20.000%, oklch(42.13% 0.0000 89.88) 20.000% 40.000%, oklch(96.46% 0.0055 106.91) 40.000% 60.000%, oklch(67.72% 0.1337 229.49) 60.000% 80.000%, oklch(64.96% 0.1998 28.00) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0 | 90 |
| 2 | 0.421 | 0 | 90 |
| 3 | 0.965 | 0.006 | 106.9 |
| 4 | 0.677 | 0.134 | 229.5 |
| 5 | 0.65 | 0.2 | 388 |

## In these collections

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

## Other forms

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