# Champagne and near-black black and gold palette

The Champagne and near-black black and gold palette brings together pale yellow, gold, and dark gray. 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: Monochrome off-white, tan and black linear swatches
- Seed: `kY-RNE9hS_msmP5aLr8xCK_hUBwE`
- Page: https://grabient.com/kY-RNE9hS_msmP5aLr8xCK_hUBwE?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light to dark, pastel, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 18.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 | `#fdf9e5` | `oklch(98.03% 0.0262 96.33)` | Magnolia | black, 19.8 to 1 |
| 2 | `#f4e7bd` | `oklch(92.91% 0.0565 93.16)` | Ginseng | black, 17 to 1 |
| 3 | `#e6c979` | `oklch(84.25% 0.1047 89.99)` | Sand | black, 12.9 to 1 |
| 4 | `#c79931` | `oklch(70.87% 0.1281 83.65)` | Crispy Gold | black, 8 to 1 |
| 5 | `#8a6722` | `oklch(53.54% 0.0951 80.48)` | Hunting Jacket | white, 5.2 to 1 |
| 6 | `#0f0e0c` | `oklch(16.54% 0.0041 83.65)` | Black Sheep | white, 19.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fdf9e5 0.000% 16.667%, #f4e7bd 16.667% 33.333%, #e6c979 33.333% 50.000%, #c79931 50.000% 66.667%, #8a6722 66.667% 83.333%, #0f0e0c 83.333% 100.000%);
background: linear-gradient(180deg, oklch(98.03% 0.0262 96.33) 0.000% 16.667%, oklch(92.91% 0.0565 93.16) 16.667% 33.333%, oklch(84.25% 0.1047 89.99) 33.333% 50.000%, oklch(70.87% 0.1281 83.65) 50.000% 66.667%, oklch(53.54% 0.0951 80.48) 66.667% 83.333%, oklch(16.54% 0.0041 83.65) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.026 | 96.3 |
| 2 | 0.929 | 0.056 | 93.2 |
| 3 | 0.843 | 0.105 | 90 |
| 4 | 0.709 | 0.128 | 83.6 |
| 5 | 0.535 | 0.095 | 80.5 |
| 6 | 0.165 | 0.004 | 83.6 |

## In these collections

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

## Other forms

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