# Ochre and stone cream palette

The Ochre and stone cream palette brings together light orange, pale orange, and light gray. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light orange, and its lightest tone is pale orange.

- Also called: Pastel monochrome tan and gray angular swatches
- Seed: `kUxDA48BTAHoNwDuhz-g`
- Page: https://grabient.com/kUxDA48BTAHoNwDuhz-g?style=angularSwatches&steps=6&angle=225
- Drawn as: angular swatches, 6 steps, 225 degrees
- Kinds: pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.8 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 | `#cbb185` | `oklch(77.17% 0.0661 79.45)` | Oak Harbour | black, 10.1 to 1 |
| 2 | `#dec59c` | `oklch(83.48% 0.0615 79.96)` | True Blonde | black, 12.5 to 1 |
| 3 | `#f1dcb8` | `oklch(90.24% 0.0532 80.93)` | Limitless | black, 15.6 to 1 |
| 4 | `#feefd2` | `oklch(95.62% 0.0411 82.45)` | Pearly White | black, 18.4 to 1 |
| 5 | `#f2e7d3` | `oklch(93.23% 0.0291 81.98)` | Vanilla Paste | black, 17.1 to 1 |
| 6 | `#dbd3c6` | `oklch(87.01% 0.0193 80.51)` | Windrush | black, 14.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #cbb185 0.000% 16.667%, #dec59c 16.667% 33.333%, #f1dcb8 33.333% 50.000%, #feefd2 50.000% 66.667%, #f2e7d3 66.667% 83.333%, #dbd3c6 83.333% 100.000%);
background: conic-gradient(from 225deg, oklch(77.17% 0.0661 79.45) 0.000% 16.667%, oklch(83.48% 0.0615 79.96) 16.667% 33.333%, oklch(90.24% 0.0532 80.93) 33.333% 50.000%, oklch(95.62% 0.0411 82.45) 50.000% 66.667%, oklch(93.23% 0.0291 81.98) 66.667% 83.333%, oklch(87.01% 0.0193 80.51) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.066 | 79.5 |
| 2 | 0.882 | 0.056 | 80.5 |
| 3 | 0.961 | 0.037 | 82.6 |
| 4 | 0.87 | 0.019 | 80.5 |

## In these collections

- [Cream swatches](https://grabient.com/cream-swatches)

## Other forms

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