# Ochre and near-black color palette

The Ochre and near-black color palette brings together gold, orange, dark gray, gray, yellow, and pale yellow. 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 yellow.

- Also called: Orange, black, dark gray and beige linear swatches
- Seed: `kYu2Y6QSM-5WCQ0shEG2JE93UWP4`
- Page: https://grabient.com/kYu2Y6QSM-5WCQ0shEG2JE93UWP4?style=linearSwatches&steps=6&angle=315
- Drawn as: linear swatches, 6 steps, 315 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.2 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 | `#d69f28` | `oklch(73.62% 0.1406 81.56)` | Glitzy Gold | black, 8.8 to 1 |
| 2 | `#885d1b` | `oklch(51.18% 0.0965 73.11)` | Kumera | white, 5.8 to 1 |
| 3 | `#100f0d` | `oklch(16.93% 0.0055 101.64)` | Chaos Black | white, 19.1 to 1 |
| 4 | `#3a3b35` | `oklch(35.04% 0.0110 116.44)` | Black Olive | white, 11.2 to 1 |
| 5 | `#a59e7d` | `oklch(69.69% 0.0469 98.47)` | Wetland Stone | black, 7.8 to 1 |
| 6 | `#f1e5b8` | `oklch(92.13% 0.0606 95.30)` | Martica | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #d69f28 0.000% 16.667%, #885d1b 16.667% 33.333%, #100f0d 33.333% 50.000%, #3a3b35 50.000% 66.667%, #a59e7d 66.667% 83.333%, #f1e5b8 83.333% 100.000%);
background: linear-gradient(315deg, oklch(73.62% 0.1406 81.56) 0.000% 16.667%, oklch(51.18% 0.0965 73.11) 16.667% 33.333%, oklch(16.93% 0.0055 101.64) 33.333% 50.000%, oklch(35.04% 0.0110 116.44) 50.000% 66.667%, oklch(69.69% 0.0469 98.47) 66.667% 83.333%, oklch(92.13% 0.0606 95.30) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.141 | 81.6 |
| 2 | 0.512 | 0.096 | 73.1 |
| 3 | 0.169 | 0.006 | 101.6 |
| 4 | 0.35 | 0.011 | 116.4 |
| 5 | 0.697 | 0.047 | 98.5 |
| 6 | 0.921 | 0.061 | 95.3 |

## In these collections

- [Luxury swatches](https://grabient.com/luxury-swatches)
- [Black and gold color palette](https://grabient.com/black-and-gold-color-palette)

## Other forms

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