# Ochre Champagne Silk Swatches

Six linear swatch bands progress from deep ochre through muted olive gold and warm champagne into a pale yellow highlight. The colors remain soft and slightly earthy, with enough lightness change to separate each discrete band. This palette can suit invitation accents, reception stationery, elegant packaging, editorial layouts, or interface themes built around restrained gold and cream tones.

- Also called: Monochrome brown and beige linear swatches
- Seed: `kWiEk31CdBeIfQHtmcB9CRAg`
- Page: https://grabient.com/kWiEk31CdBeIfQHtmcB9CRAg?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: dark to light, pastel, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#8d651b` | `oklch(53.54% 0.1006 78.05)` | Tapenade | white, 5.2 to 1 |
| 2 | `#a58733` | `oklch(63.52% 0.1078 88.53)` | Peanut Brittle | black, 6.1 to 1 |
| 3 | `#bba75f` | `oklch(72.97% 0.0951 93.67)` | Nonpareil Apple | black, 8.7 to 1 |
| 4 | `#cfc288` | `oklch(81.12% 0.0768 96.59)` | Winter Hazel | black, 11.7 to 1 |
| 5 | `#e1d8a0` | `oklch(87.58% 0.0737 100.26)` | Russet Green | black, 14.5 to 1 |
| 6 | `#ece698` | `oklch(91.34% 0.0992 104.47)` | Citrino | black, 16.4 to 1 |

## CSS

```css
background: linear-gradient(0deg, #8d651b 0.000% 16.667%, #a58733 16.667% 33.333%, #bba75f 33.333% 50.000%, #cfc288 50.000% 66.667%, #e1d8a0 66.667% 83.333%, #ece698 83.333% 100.000%);
background: linear-gradient(0deg, oklch(53.54% 0.1006 78.05) 0.000% 16.667%, oklch(63.52% 0.1078 88.53) 16.667% 33.333%, oklch(72.97% 0.0951 93.67) 33.333% 50.000%, oklch(81.12% 0.0768 96.59) 50.000% 66.667%, oklch(87.58% 0.0737 100.26) 66.667% 83.333%, oklch(91.34% 0.0992 104.47) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.101 | 78 |
| 2 | 0.661 | 0.107 | 90.7 |
| 3 | 0.772 | 0.085 | 95 |
| 4 | 0.862 | 0.07 | 99.2 |
| 5 | 0.913 | 0.099 | 104.5 |

## In these collections

- [Fall porch colors](https://grabient.com/fall-porch-colors)
- [Champagne silk reception](https://grabient.com/champagne-silk-reception)

## Other forms

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