# Near-black, mauve and ochre color palette

The Near-black, mauve and ochre color palette brings together dark gray, pale red, magenta, and gold. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is pale red.

- Also called: Black, light pink, purple and brown angular swatches
- Seed: `kUMw388ok_7Miv_VK8nA`
- Page: https://grabient.com/kUMw388ok_7Miv_VK8nA?style=angularSwatches&steps=4&angle=270
- Drawn as: angular swatches, 4 steps, 270 degrees
- Kinds: light center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#1d1317` | `oklch(20.08% 0.0179 355.08)` | Bats Cloak | white, 18.1 to 1 |
| 2 | `#edd8df` | `oklch(90.16% 0.0248 355.08)` | Rosa Bonito | black, 15.5 to 1 |
| 3 | `#6e2f4b` | `oklch(40.16% 0.0951 355.08)` | Burlat Red | white, 9.6 to 1 |
| 4 | `#bd8b31` | `oklch(66.93% 0.1199 78.56)` | Treasures | black, 6.8 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #1d1317 0.000% 25.000%, #edd8df 25.000% 50.000%, #6e2f4b 50.000% 75.000%, #bd8b31 75.000% 100.000%);
background: conic-gradient(from 270deg, oklch(20.08% 0.0179 355.08) 0.000% 25.000%, oklch(90.16% 0.0248 355.08) 25.000% 50.000%, oklch(40.16% 0.0951 355.08) 50.000% 75.000%, oklch(66.93% 0.1199 78.56) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.018 | 355.1 |
| 2 | 0.902 | 0.025 | 355.1 |
| 3 | 0.402 | 0.095 | 355.1 |
| 4 | 0.669 | 0.12 | 438.6 |

## In these collections

- [Luxury swatches](https://grabient.com/luxury-swatches)
- [Minimal color palette](https://grabient.com/minimal-color-palette)
- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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