# Champagne and near-black black and gold palette

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

- Also called: Monochrome beige to black radial gradient
- Seed: `kW8ypA6Sw_ssqPyqBMHlobSY`
- Page: https://grabient.com/kW8ypA6Sw_ssqPyqBMHlobSY?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 16.6 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 | `#fff0c6` | `oklch(95.67% 0.0566 90.72)` | Sunrise Glow | black, 18.5 to 1 |
| 2 | `#feedbe` | `oklch(94.71% 0.0635 90.56)` | Soft Buttercup | black, 18 to 1 |
| 3 | `#fce8b3` | `oklch(93.50% 0.0714 90.41)` | Banana Mania | black, 17.3 to 1 |
| 4 | `#fae3a7` | `oklch(92.07% 0.0810 90.23)` | Lemon Filling | black, 16.6 to 1 |
| 5 | `#f7dd99` | `oklch(90.43% 0.0912 90.01)` | Sunbathed | black, 15.7 to 1 |
| 6 | `#f4d78a` | `oklch(88.60% 0.1013 89.74)` | Pierogi | black, 14.9 to 1 |
| 7 | `#f0d07b` | `oklch(86.59% 0.1104 89.39)` | Summertime | black, 13.9 to 1 |
| 8 | `#ebc86d` | `oklch(84.41% 0.1176 88.97)` | Bee Pollen | black, 13 to 1 |
| 9 | `#e5c060` | `oklch(82.08% 0.1222 88.44)` | Candelabra | black, 12 to 1 |
| 10 | `#deb754` | `oklch(79.50% 0.1253 87.55)` | High Honey | black, 11 to 1 |
| 11 | `#d7ad47` | `oklch(76.67% 0.1276 86.36)` | Golden Rule | black, 9.9 to 1 |
| 12 | `#cfa33b` | `oklch(73.64% 0.1288 85.04)` | Cremini | black, 8.9 to 1 |
| 13 | `#c6982f` | `oklch(70.48% 0.1287 83.77)` | Crispy Gold | black, 7.9 to 1 |
| 14 | `#bc8d24` | `oklch(67.22% 0.1272 82.72)` | Hokey Pokey | black, 6.9 to 1 |
| 15 | `#b1831b` | `oklch(63.94% 0.1240 82.08)` | Arrowwood | black, 6.1 to 1 |
| 16 | `#a57a15` | `oklch(60.67% 0.1190 82.01)` | Bronze | black, 5.3 to 1 |
| 17 | `#997115` | `oklch(57.42% 0.1116 82.41)` | Bistre Brown | black, 4.7 to 1 |
| 18 | `#8c681c` | `oklch(54.01% 0.1003 81.95)` | Sassy Olive | white, 5.1 to 1 |
| 19 | `#7e5f23` | `oklch(50.47% 0.0858 81.07)` | Sleek Otter | white, 5.9 to 1 |
| 20 | `#6f5629` | `oklch(46.89% 0.0696 80.51)` | Horses Neck | white, 6.9 to 1 |
| 21 | `#604e2e` | `oklch(43.34% 0.0530 81.02)` | Jungle Beat | white, 8 to 1 |
| 22 | `#514630` | `oklch(39.91% 0.0374 83.35)` | Punga | white, 9.2 to 1 |
| 23 | `#443e31` | `oklch(36.68% 0.0240 88.26)` | Bold Eagle | white, 10.5 to 1 |
| 24 | `#39372f` | `oklch(33.75% 0.0141 96.49)` | Rosin | white, 11.8 to 1 |
| 25 | `#31312c` | `oklch(31.10% 0.0087 109.45)` | Dryad Bark | white, 13 to 1 |
| 26 | `#292b28` | `oklch(28.58% 0.0064 128.12)` | The End | white, 14.2 to 1 |
| 27 | `#222523` | `oklch(26.21% 0.0065 150.70)` | Nero | white, 15.4 to 1 |
| 28 | `#1b211f` | `oklch(24.03% 0.0084 175.29)` | Shadow Warrior | white, 16.3 to 1 |
| 29 | `#151c1d` | `oklch(22.06% 0.0112 199.98)` | Gluon Grey | white, 17.2 to 1 |
| 30 | `#10181b` | `oklch(20.33% 0.0142 222.86)` | Black Stallion | white, 17.9 to 1 |
| 31 | `#0d141a` | `oklch(18.87% 0.0167 242.02)` | Black Is Back | white, 18.4 to 1 |
| 32 | `#0c1119` | `oklch(17.72% 0.0179 255.56)` | Midnight Edition | white, 18.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff0c6 0.0%, #feedbe 3.2%, #fce8b3 6.5%, #fae3a7 9.7%, #f7dd99 12.9%, #f4d78a 16.1%, #f0d07b 19.4%, #ebc86d 22.6%, #e5c060 25.8%, #deb754 29.0%, #d7ad47 32.3%, #cfa33b 35.5%, #c6982f 38.7%, #bc8d24 41.9%, #b1831b 45.2%, #a57a15 48.4%, #997115 51.6%, #8c681c 54.8%, #7e5f23 58.1%, #6f5629 61.3%, #604e2e 64.5%, #514630 67.7%, #443e31 71.0%, #39372f 74.2%, #31312c 77.4%, #292b28 80.6%, #222523 83.9%, #1b211f 87.1%, #151c1d 90.3%, #10181b 93.5%, #0d141a 96.8%, #0c1119 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0566 90.72) 0.0%, oklch(94.71% 0.0635 90.56) 3.2%, oklch(93.50% 0.0714 90.41) 6.5%, oklch(92.07% 0.0810 90.23) 9.7%, oklch(90.43% 0.0912 90.01) 12.9%, oklch(88.60% 0.1013 89.74) 16.1%, oklch(86.59% 0.1104 89.39) 19.4%, oklch(84.41% 0.1176 88.97) 22.6%, oklch(82.08% 0.1222 88.44) 25.8%, oklch(79.50% 0.1253 87.55) 29.0%, oklch(76.67% 0.1276 86.36) 32.3%, oklch(73.64% 0.1288 85.04) 35.5%, oklch(70.48% 0.1287 83.77) 38.7%, oklch(67.22% 0.1272 82.72) 41.9%, oklch(63.94% 0.1240 82.08) 45.2%, oklch(60.67% 0.1190 82.01) 48.4%, oklch(57.42% 0.1116 82.41) 51.6%, oklch(54.01% 0.1003 81.95) 54.8%, oklch(50.47% 0.0858 81.07) 58.1%, oklch(46.89% 0.0696 80.51) 61.3%, oklch(43.34% 0.0530 81.02) 64.5%, oklch(39.91% 0.0374 83.35) 67.7%, oklch(36.68% 0.0240 88.26) 71.0%, oklch(33.75% 0.0141 96.49) 74.2%, oklch(31.10% 0.0087 109.45) 77.4%, oklch(28.58% 0.0064 128.12) 80.6%, oklch(26.21% 0.0065 150.70) 83.9%, oklch(24.03% 0.0084 175.29) 87.1%, oklch(22.06% 0.0112 199.98) 90.3%, oklch(20.33% 0.0142 222.86) 93.5%, oklch(18.87% 0.0167 242.02) 96.8%, oklch(17.72% 0.0179 255.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.058 | 90.7 |
| 2 | 0.827 | 0.121 | 88.6 |
| 3 | 0.591 | 0.116 | 82.2 |
| 4 | 0.331 | 0.012 | 99.2 |
| 5 | 0.177 | 0.018 | 255.6 |

## In these collections

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

## Other forms

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