# Near-black and champagne color palette

The Near-black and champagne color palette brings together dark gray, orange, and pale orange. 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: Seamless black and brown radial gradient
- Seed: `kWMw88uBC9_ikwe6kjymYe9w`
- Page: https://grabient.com/kWMw88uBC9_ikwe6kjymYe9w?style=radialGradient&steps=48&angle=15
- Drawn as: radial gradient, 48 steps, 15 degrees
- Kinds: light center, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.5 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 | `#1b160b` | `oklch(20.08% 0.0207 85.08)` | Soulless | white, 18 to 1 |
| 2 | `#1d180d` | `oklch(21.18% 0.0218 84.13)` | Noir Mystique | white, 17.6 to 1 |
| 3 | `#211b0f` | `oklch(22.44% 0.0231 82.78)` | Noir Mystique | white, 17.1 to 1 |
| 4 | `#251e11` | `oklch(23.86% 0.0245 81.14)` | Burnt Coffee | white, 16.5 to 1 |
| 5 | `#292114` | `oklch(25.45% 0.0261 79.28)` | Weathervane | white, 15.8 to 1 |
| 6 | `#2f2517` | `oklch(27.22% 0.0279 77.31)` | Black Slug | white, 14.9 to 1 |
| 7 | `#352a1b` | `oklch(29.17% 0.0299 75.32)` | Vanilla Bean Brown | white, 14 to 1 |
| 8 | `#3b2f1f` | `oklch(31.30% 0.0321 73.40)` | Agrax Earthshade | white, 13 to 1 |
| 9 | `#423423` | `oklch(33.62% 0.0345 71.65)` | Jacko Bean | white, 11.9 to 1 |
| 10 | `#4a3a28` | `oklch(36.13% 0.0371 70.16)` | Harpy Brown | white, 10.8 to 1 |
| 11 | `#53412d` | `oklch(38.85% 0.0399 69.02)` | Deep Bronze | white, 9.7 to 1 |
| 12 | `#5c4833` | `oklch(41.77% 0.0430 68.34)` | Mousy Brown | white, 8.6 to 1 |
| 13 | `#665039` | `oklch(44.92% 0.0464 68.20)` | Desert Palm | white, 7.5 to 1 |
| 14 | `#735b40` | `oklch(48.86% 0.0506 68.76)` | Wooden Cabin | white, 6.3 to 1 |
| 15 | `#83684a` | `oklch(53.62% 0.0557 69.95)` | Nom Nom | white, 5.1 to 1 |
| 16 | `#947754` | `oklch(58.96% 0.0615 71.63)` | Lonely Road | black, 5 to 1 |
| 17 | `#a7885f` | `oklch(64.65% 0.0676 73.65)` | Trinket Gold | black, 6.3 to 1 |
| 18 | `#bb9a6b` | `oklch(70.46% 0.0739 75.86)` | Eastern Gold | black, 7.9 to 1 |
| 19 | `#ceac77` | `oklch(76.14% 0.0801 78.13)` | Golden Age | black, 9.7 to 1 |
| 20 | `#e0bd82` | `oklch(81.48% 0.0858 80.31)` | Wheat Bread | black, 11.7 to 1 |
| 21 | `#f0cd8c` | `oklch(86.23% 0.0910 82.25)` | Honeydew Sand | black, 13.7 to 1 |
| 22 | `#fdda95` | `oklch(90.17% 0.0953 83.80)` | Cha-Cha-Cha | black, 15.6 to 1 |
| 23 | `#ffe5b0` | `oklch(93.05% 0.0739 84.84)` | Pale Peach | black, 17 to 1 |
| 24 | `#ffebc2` | `oklch(94.64% 0.0573 85.21)` | Yoghurt | black, 17.9 to 1 |
| 25 | `#ffebc4` | `oklch(94.73% 0.0556 84.78)` | Yoghurt | black, 17.9 to 1 |
| 26 | `#ffe6b5` | `oklch(93.32% 0.0683 83.67)` | Mouse Nose | black, 17.2 to 1 |
| 27 | `#ffdb99` | `oklch(90.65% 0.0922 82.00)` | Butter Cupcake | black, 15.8 to 1 |
| 28 | `#f4ce8d` | `oklch(86.94% 0.0925 79.86)` | Elven Beige | black, 14 to 1 |
| 29 | `#e6bf84` | `oklch(82.41% 0.0878 77.36)` | Cassava Cake | black, 12 to 1 |
| 30 | `#d5ae79` | `oklch(77.30% 0.0825 74.60)` | Inheritance | black, 10.1 to 1 |
| 31 | `#c29c6e` | `oklch(71.81% 0.0767 71.68)` | Taffy | black, 8.3 to 1 |
| 32 | `#b08b63` | `oklch(66.20% 0.0709 68.69)` | Freckled Nose | black, 6.7 to 1 |
| 33 | `#9d7b58` | `oklch(60.67% 0.0650 65.74)` | Stetson | black, 5.3 to 1 |
| 34 | `#8c6b4e` | `oklch(55.46% 0.0596 62.93)` | Steady Brown | white, 4.8 to 1 |
| 35 | `#7d5e45` | `oklch(50.79% 0.0546 60.35)` | Rodeo | white, 5.8 to 1 |
| 36 | `#70543e` | `oklch(46.89% 0.0505 58.10)` | Mud | white, 6.9 to 1 |
| 37 | `#664b38` | `oklch(43.72% 0.0471 56.16)` | Black Power | white, 7.9 to 1 |
| 38 | `#5d4333` | `oklch(40.72% 0.0438 54.24)` | Daniel Boone | white, 9 to 1 |
| 39 | `#543c2e` | `oklch(37.87% 0.0407 52.37)` | Real Brown | white, 10.1 to 1 |
| 40 | `#4b3529` | `oklch(35.18% 0.0377 50.54)` | Peat Moss | white, 11.3 to 1 |
| 41 | `#432f25` | `oklch(32.66% 0.0349 48.78)` | Morocco Brown | white, 12.5 to 1 |
| 42 | `#3c2a21` | `oklch(30.30% 0.0323 47.11)` | Bistre | white, 13.6 to 1 |
| 43 | `#36251d` | `oklch(28.12% 0.0298 45.53)` | Wetlands Swamp | white, 14.6 to 1 |
| 44 | `#302019` | `oklch(26.13% 0.0275 44.06)` | Kenpōzome Black | white, 15.5 to 1 |
| 45 | `#2b1c16` | `oklch(24.32% 0.0255 42.72)` | Tetsu-Guro Black | white, 16.4 to 1 |
| 46 | `#261914` | `oklch(22.70% 0.0236 41.53)` | Tetsu-Guro Black | white, 17.1 to 1 |
| 47 | `#221611` | `oklch(21.29% 0.0220 40.50)` | Used Oil | white, 17.6 to 1 |
| 48 | `#1f130f` | `oklch(20.08% 0.0207 39.64)` | Bighorn Sheep | white, 18.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1b160b 0.0%, #1d180d 2.1%, #211b0f 4.3%, #251e11 6.4%, #292114 8.5%, #2f2517 10.6%, #352a1b 12.8%, #3b2f1f 14.9%, #423423 17.0%, #4a3a28 19.1%, #53412d 21.3%, #5c4833 23.4%, #665039 25.5%, #735b40 27.7%, #83684a 29.8%, #947754 31.9%, #a7885f 34.0%, #bb9a6b 36.2%, #ceac77 38.3%, #e0bd82 40.4%, #f0cd8c 42.6%, #fdda95 44.7%, #ffe5b0 46.8%, #ffebc2 48.9%, #ffebc4 51.1%, #ffe6b5 53.2%, #ffdb99 55.3%, #f4ce8d 57.4%, #e6bf84 59.6%, #d5ae79 61.7%, #c29c6e 63.8%, #b08b63 66.0%, #9d7b58 68.1%, #8c6b4e 70.2%, #7d5e45 72.3%, #70543e 74.5%, #664b38 76.6%, #5d4333 78.7%, #543c2e 80.9%, #4b3529 83.0%, #432f25 85.1%, #3c2a21 87.2%, #36251d 89.4%, #302019 91.5%, #2b1c16 93.6%, #261914 95.7%, #221611 97.9%, #1f130f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0207 85.08) 0.0%, oklch(21.18% 0.0218 84.13) 2.1%, oklch(22.44% 0.0231 82.78) 4.3%, oklch(23.86% 0.0245 81.14) 6.4%, oklch(25.45% 0.0261 79.28) 8.5%, oklch(27.22% 0.0279 77.31) 10.6%, oklch(29.17% 0.0299 75.32) 12.8%, oklch(31.30% 0.0321 73.40) 14.9%, oklch(33.62% 0.0345 71.65) 17.0%, oklch(36.13% 0.0371 70.16) 19.1%, oklch(38.85% 0.0399 69.02) 21.3%, oklch(41.77% 0.0430 68.34) 23.4%, oklch(44.92% 0.0464 68.20) 25.5%, oklch(48.86% 0.0506 68.76) 27.7%, oklch(53.62% 0.0557 69.95) 29.8%, oklch(58.96% 0.0615 71.63) 31.9%, oklch(64.65% 0.0676 73.65) 34.0%, oklch(70.46% 0.0739 75.86) 36.2%, oklch(76.14% 0.0801 78.13) 38.3%, oklch(81.48% 0.0858 80.31) 40.4%, oklch(86.23% 0.0910 82.25) 42.6%, oklch(90.17% 0.0953 83.80) 44.7%, oklch(93.05% 0.0739 84.84) 46.8%, oklch(94.64% 0.0573 85.21) 48.9%, oklch(94.73% 0.0556 84.78) 51.1%, oklch(93.32% 0.0683 83.67) 53.2%, oklch(90.65% 0.0922 82.00) 55.3%, oklch(86.94% 0.0925 79.86) 57.4%, oklch(82.41% 0.0878 77.36) 59.6%, oklch(77.30% 0.0825 74.60) 61.7%, oklch(71.81% 0.0767 71.68) 63.8%, oklch(66.20% 0.0709 68.69) 66.0%, oklch(60.67% 0.0650 65.74) 68.1%, oklch(55.46% 0.0596 62.93) 70.2%, oklch(50.79% 0.0546 60.35) 72.3%, oklch(46.89% 0.0505 58.10) 74.5%, oklch(43.72% 0.0471 56.16) 76.6%, oklch(40.72% 0.0438 54.24) 78.7%, oklch(37.87% 0.0407 52.37) 80.9%, oklch(35.18% 0.0377 50.54) 83.0%, oklch(32.66% 0.0349 48.78) 85.1%, oklch(30.30% 0.0323 47.11) 87.2%, oklch(28.12% 0.0298 45.53) 89.4%, oklch(26.13% 0.0275 44.06) 91.5%, oklch(24.32% 0.0255 42.72) 93.6%, oklch(22.70% 0.0236 41.53) 95.7%, oklch(21.29% 0.0220 40.50) 97.9%, oklch(20.08% 0.0207 39.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.021 | 85.1 |
| 2 | 0.441 | 0.045 | 68.2 |
| 3 | 0.949 | 0.101 | 85.1 |
| 4 | 0.461 | 0.05 | 57.6 |
| 5 | 0.201 | 0.021 | 39.6 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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