# Near-black, rose and ochre neo deco palette

The Near-black, rose and ochre neo deco palette brings together dark gray, red, and yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is yellow.

- Also called: Black, purple and tan angular swatches
- Seed: `kUQgfntyTD1EfQPaospA`
- Page: https://grabient.com/kUQgfntyTD1EfQPaospA?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: dark to light, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.1 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 | `#262227` | `oklch(25.98% 0.0096 325.55)` | Raisin Black | white, 15.5 to 1 |
| 2 | `#7b3650` | `oklch(43.31% 0.1006 358.31)` | Rich Red Violet | white, 8.4 to 1 |
| 3 | `#b87583` | `oklch(63.78% 0.0854 6.76)` | Smell the Roses | black, 5.9 to 1 |
| 4 | `#b5a25a` | `oklch(71.26% 0.0951 94.47)` | Gingko Leaf | black, 8.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #262227 0.000% 25.000%, #7b3650 25.000% 50.000%, #b87583 50.000% 75.000%, #b5a25a 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(25.98% 0.0096 325.55) 0.000% 25.000%, oklch(43.31% 0.1006 358.31) 25.000% 50.000%, oklch(63.78% 0.0854 6.76) 50.000% 75.000%, oklch(71.26% 0.0951 94.47) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.01 | 325.5 |
| 2 | 0.433 | 0.101 | 358.3 |
| 3 | 0.638 | 0.085 | 366.8 |
| 4 | 0.713 | 0.095 | 454.5 |

## In these collections

- [Neo deco swatches](https://grabient.com/neo-deco-swatches)

## Other forms

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