# Stone and champagne cream palette

The Stone and champagne cream palette brings together light gray, off-white, pale orange, and gold. 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 gray, and its lightest tone is pale orange.

- Also called: Monochrome gray and beige linear swatches
- Seed: `kU1wlEdAc_PiKP3uGEAA`
- Page: https://grabient.com/kU1wlEdAc_PiKP3uGEAA?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: even lightness, neutral, light, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.3 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 | `#cfcdc4` | `oklch(84.65% 0.0124 95.62)` | So Chic! | black, 13.1 to 1 |
| 2 | `#ddd9ce` | `oklch(88.57% 0.0161 91.97)` | Campfire Ash | black, 14.9 to 1 |
| 3 | `#ece6d7` | `oklch(92.44% 0.0204 88.22)` | Old Yellow Bricks | black, 16.8 to 1 |
| 4 | `#f6eedd` | `oklch(94.98% 0.0239 85.53)` | White Down | black, 18.1 to 1 |
| 5 | `#f2e3c5` | `oklch(92.03% 0.0427 85.15)` | Afterglow | black, 16.5 to 1 |
| 6 | `#e6d1a2` | `oklch(86.61% 0.0661 86.11)` | Lucent Yellow | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #cfcdc4 0.000% 16.667%, #ddd9ce 16.667% 33.333%, #ece6d7 33.333% 50.000%, #f6eedd 50.000% 66.667%, #f2e3c5 66.667% 83.333%, #e6d1a2 83.333% 100.000%);
background: linear-gradient(45deg, oklch(84.65% 0.0124 95.62) 0.000% 16.667%, oklch(88.57% 0.0161 91.97) 16.667% 33.333%, oklch(92.44% 0.0204 88.22) 33.333% 50.000%, oklch(94.98% 0.0239 85.53) 50.000% 66.667%, oklch(92.03% 0.0427 85.15) 66.667% 83.333%, oklch(86.61% 0.0661 86.11) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.012 | 95.6 |
| 2 | 0.913 | 0.019 | 89.3 |
| 3 | 0.949 | 0.028 | 85.1 |
| 4 | 0.866 | 0.066 | 86.1 |

## In these collections

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

## Other forms

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