# Champagne tan palette

The Champagne tan palette brings together off-white, light orange, and orange. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is off-white.

- Also called: White, gray and brown radial gradient
- Seed: `kS7g474JE_MUMvs`
- Page: https://grabient.com/kS7g474JE_MUMvs?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.1 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 | `#f0e9dc` | `oklch(93.70% 0.0193 83.67)` | Table Linen | black, 17.4 to 1 |
| 2 | `#efe7d9` | `oklch(93.07% 0.0204 83.45)` | Parchment Paper | black, 17.1 to 1 |
| 3 | `#ede5d6` | `oklch(92.31% 0.0218 83.19)` | Old Yellow Bricks | black, 16.7 to 1 |
| 4 | `#eae2d2` | `oklch(91.45% 0.0235 82.89)` | Brandied Pears | black, 16.2 to 1 |
| 5 | `#e8decd` | `oklch(90.48% 0.0254 82.56)` | Aged White | black, 15.8 to 1 |
| 6 | `#e5dbc8` | `oklch(89.44% 0.0276 82.21)` | Half Spanish White | black, 15.2 to 1 |
| 7 | `#e2d7c3` | `oklch(88.31% 0.0298 81.82)` | Paella Natural White | black, 14.7 to 1 |
| 8 | `#dfd3bd` | `oklch(87.12% 0.0321 81.42)` | Banded Tulip | black, 14.2 to 1 |
| 9 | `#dccfb8` | `oklch(85.88% 0.0344 80.99)` | Cream and Sugar | black, 13.6 to 1 |
| 10 | `#d9cab2` | `oklch(84.60% 0.0367 80.54)` | Raw Sugar | black, 13 to 1 |
| 11 | `#d6c6ac` | `oklch(83.28% 0.0389 80.07)` | Bone Meal | black, 12.5 to 1 |
| 12 | `#d2c2a7` | `oklch(81.95% 0.0409 79.59)` | Baja | black, 11.9 to 1 |
| 13 | `#cfbda1` | `oklch(80.60% 0.0428 79.10)` | Far Side of the Mountain | black, 11.4 to 1 |
| 14 | `#cbb99c` | `oklch(79.26% 0.0444 78.60)` | Crewel Tan | black, 10.9 to 1 |
| 15 | `#c8b497` | `oklch(77.93% 0.0456 78.10)` | Barking Prairie Dog | black, 10.4 to 1 |
| 16 | `#c4b092` | `oklch(76.62% 0.0466 77.59)` | Khaki | black, 9.9 to 1 |
| 17 | `#c0ac8e` | `oklch(75.33% 0.0470 77.07)` | Egyptian Sand | black, 9.5 to 1 |
| 18 | `#bca78a` | `oklch(73.95% 0.0472 76.50)` | Natural Chamois | black, 9 to 1 |
| 19 | `#b7a386` | `oklch(72.48% 0.0470 75.87)` | Desert Grey | black, 8.5 to 1 |
| 20 | `#b39e81` | `oklch(70.93% 0.0465 75.21)` | Silestone | black, 8.1 to 1 |
| 21 | `#ae997d` | `oklch(69.34% 0.0458 74.52)` | Incense | black, 7.6 to 1 |
| 22 | `#a89479` | `oklch(67.71% 0.0449 73.80)` | Tawny Ember | black, 7.1 to 1 |
| 23 | `#a38f75` | `oklch(66.08% 0.0438 73.08)` | Snuggle Pie | black, 6.7 to 1 |
| 24 | `#9e8a71` | `oklch(64.45% 0.0427 72.36)` | River Mud | black, 6.3 to 1 |
| 25 | `#99856e` | `oklch(62.86% 0.0414 71.65)` | Sturdy Brown | black, 5.9 to 1 |
| 26 | `#94806a` | `oklch(61.32% 0.0402 70.96)` | Sofisticata | black, 5.5 to 1 |
| 27 | `#8f7c67` | `oklch(59.85% 0.0389 70.30)` | Eagle’s Meadow | black, 5.2 to 1 |
| 28 | `#8b7864` | `oklch(58.48% 0.0378 69.68)` | Dusty Path | black, 4.9 to 1 |
| 29 | `#877561` | `oklch(57.22% 0.0367 69.11)` | Mink | black, 4.7 to 1 |
| 30 | `#83715e` | `oklch(56.09% 0.0357 68.61)` | Mocha Latte | white, 4.6 to 1 |
| 31 | `#806e5c` | `oklch(55.12% 0.0350 68.17)` | Donkey Brown | white, 4.8 to 1 |
| 32 | `#7d6c5a` | `oklch(54.33% 0.0344 67.82)` | Ye Olde Rustic Colour | white, 5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0e9dc 0.0%, #efe7d9 3.2%, #ede5d6 6.5%, #eae2d2 9.7%, #e8decd 12.9%, #e5dbc8 16.1%, #e2d7c3 19.4%, #dfd3bd 22.6%, #dccfb8 25.8%, #d9cab2 29.0%, #d6c6ac 32.3%, #d2c2a7 35.5%, #cfbda1 38.7%, #cbb99c 41.9%, #c8b497 45.2%, #c4b092 48.4%, #c0ac8e 51.6%, #bca78a 54.8%, #b7a386 58.1%, #b39e81 61.3%, #ae997d 64.5%, #a89479 67.7%, #a38f75 71.0%, #9e8a71 74.2%, #99856e 77.4%, #94806a 80.6%, #8f7c67 83.9%, #8b7864 87.1%, #877561 90.3%, #83715e 93.5%, #806e5c 96.8%, #7d6c5a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.70% 0.0193 83.67) 0.0%, oklch(93.07% 0.0204 83.45) 3.2%, oklch(92.31% 0.0218 83.19) 6.5%, oklch(91.45% 0.0235 82.89) 9.7%, oklch(90.48% 0.0254 82.56) 12.9%, oklch(89.44% 0.0276 82.21) 16.1%, oklch(88.31% 0.0298 81.82) 19.4%, oklch(87.12% 0.0321 81.42) 22.6%, oklch(85.88% 0.0344 80.99) 25.8%, oklch(84.60% 0.0367 80.54) 29.0%, oklch(83.28% 0.0389 80.07) 32.3%, oklch(81.95% 0.0409 79.59) 35.5%, oklch(80.60% 0.0428 79.10) 38.7%, oklch(79.26% 0.0444 78.60) 41.9%, oklch(77.93% 0.0456 78.10) 45.2%, oklch(76.62% 0.0466 77.59) 48.4%, oklch(75.33% 0.0470 77.07) 51.6%, oklch(73.95% 0.0472 76.50) 54.8%, oklch(72.48% 0.0470 75.87) 58.1%, oklch(70.93% 0.0465 75.21) 61.3%, oklch(69.34% 0.0458 74.52) 64.5%, oklch(67.71% 0.0449 73.80) 67.7%, oklch(66.08% 0.0438 73.08) 71.0%, oklch(64.45% 0.0427 72.36) 74.2%, oklch(62.86% 0.0414 71.65) 77.4%, oklch(61.32% 0.0402 70.96) 80.6%, oklch(59.85% 0.0389 70.30) 83.9%, oklch(58.48% 0.0378 69.68) 87.1%, oklch(57.22% 0.0367 69.11) 90.3%, oklch(56.09% 0.0357 68.61) 93.5%, oklch(55.12% 0.0350 68.17) 96.8%, oklch(54.33% 0.0344 67.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.019 | 83.7 |
| 2 | 0.76 | 0.047 | 77.3 |
| 3 | 0.543 | 0.034 | 67.8 |

## In these collections

- [Tan color palette](https://grabient.com/tan-color-palette)

## Other forms

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