# Champagne and bronze cream palette

The Champagne and bronze cream palette brings together pale orange, orange, and off-white. The colors span a broad 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: Seamless beige, brown and gray radial gradient
- Seed: `kU9hw_xRS8LCLPr9hsVg`
- Page: https://grabient.com/kU9hw_xRS8LCLPr9hsVg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#fff4d8` | `oklch(96.85% 0.0386 89.30)` | Pastel Moon Creme | black, 19.1 to 1 |
| 2 | `#f8ebcf` | `oklch(94.30% 0.0398 87.39)` | Misty Mustard | black, 17.7 to 1 |
| 3 | `#eedfc2` | `oklch(90.90% 0.0416 84.84)` | Golden Haystack | black, 16 to 1 |
| 4 | `#e2d1b4` | `oklch(86.83% 0.0438 81.78)` | Lovely Bluff | black, 14 to 1 |
| 5 | `#d6c2a4` | `oklch(82.27% 0.0462 78.36)` | Country Linen | black, 12.1 to 1 |
| 6 | `#c8b294` | `oklch(77.42% 0.0488 74.72)` | Basswood | black, 10.2 to 1 |
| 7 | `#bba183` | `oklch(72.47% 0.0512 71.01)` | Oxford Street | black, 8.5 to 1 |
| 8 | `#ae9174` | `oklch(67.59% 0.0533 67.37)` | Buffalo Bill | black, 7.1 to 1 |
| 9 | `#a18266` | `oklch(62.99% 0.0551 63.95)` | New Chestnut | black, 5.9 to 1 |
| 10 | `#96755b` | `oklch(58.83% 0.0562 60.88)` | Whisky Barrel | black, 5 to 1 |
| 11 | `#8c6b51` | `oklch(55.33% 0.0566 58.31)` | Bean Pot | white, 4.8 to 1 |
| 12 | `#83624a` | `oklch(52.40% 0.0560 56.20)` | Burnt Terra | white, 5.5 to 1 |
| 13 | `#7a5944` | `oklch(49.39% 0.0546 54.07)` | Burns Cave | white, 6.2 to 1 |
| 14 | `#71513e` | `oklch(46.39% 0.0525 51.96)` | Old Copper | white, 7.1 to 1 |
| 15 | `#684938` | `oklch(43.54% 0.0499 49.97)` | Satin Soil | white, 8 to 1 |
| 16 | `#604334` | `oklch(40.96% 0.0469 48.20)` | Thai Teak | white, 8.9 to 1 |
| 17 | `#583d30` | `oklch(38.79% 0.0437 46.74)` | Lounge Leather | white, 9.8 to 1 |
| 18 | `#523a2e` | `oklch(37.18% 0.0404 45.70)` | Bonanza | white, 10.5 to 1 |
| 19 | `#4f382d` | `oklch(36.25% 0.0372 45.18)` | Bramble Bush | white, 10.8 to 1 |
| 20 | `#4d382f` | `oklch(36.15% 0.0342 45.26)` | Chicory Coffee | white, 10.9 to 1 |
| 21 | `#4e3b32` | `oklch(37.01% 0.0317 46.06)` | Rootstock | white, 10.5 to 1 |
| 22 | `#534037` | `oklch(39.02% 0.0297 47.69)` | Nutria Fur Brown | white, 9.6 to 1 |
| 23 | `#5c4b41` | `oklch(42.69% 0.0280 50.57)` | Cork | white, 8.2 to 1 |
| 24 | `#6a5a4f` | `oklch(47.88% 0.0263 54.58)` | Ageing Barrel | white, 6.6 to 1 |
| 25 | `#7b6c61` | `oklch(54.20% 0.0249 59.44)` | Namibia | white, 5 to 1 |
| 26 | `#8e8176` | `oklch(61.28% 0.0235 64.87)` | Roasted Cashew | black, 5.5 to 1 |
| 27 | `#a4998c` | `oklch(68.75% 0.0223 70.57)` | Shiitake | black, 7.4 to 1 |
| 28 | `#bab0a3` | `oklch(76.23% 0.0212 76.29)` | Drake Tooth | black, 9.8 to 1 |
| 29 | `#cfc7ba` | `oklch(83.35% 0.0202 81.72)` | Cobblestone Street | black, 12.5 to 1 |
| 30 | `#e3ddcf` | `oklch(89.74% 0.0193 86.59)` | Quail Egg | black, 15.4 to 1 |
| 31 | `#f3eee1` | `oklch(95.02% 0.0186 90.62)` | Cream White | black, 18.1 to 1 |
| 32 | `#fffbee` | `oklch(98.82% 0.0176 93.56)` | Frosting Cream | black, 20.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff4d8 0.0%, #f8ebcf 3.2%, #eedfc2 6.5%, #e2d1b4 9.7%, #d6c2a4 12.9%, #c8b294 16.1%, #bba183 19.4%, #ae9174 22.6%, #a18266 25.8%, #96755b 29.0%, #8c6b51 32.3%, #83624a 35.5%, #7a5944 38.7%, #71513e 41.9%, #684938 45.2%, #604334 48.4%, #583d30 51.6%, #523a2e 54.8%, #4f382d 58.1%, #4d382f 61.3%, #4e3b32 64.5%, #534037 67.7%, #5c4b41 71.0%, #6a5a4f 74.2%, #7b6c61 77.4%, #8e8176 80.6%, #a4998c 83.9%, #bab0a3 87.1%, #cfc7ba 90.3%, #e3ddcf 93.5%, #f3eee1 96.8%, #fffbee 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0386 89.30) 0.0%, oklch(94.30% 0.0398 87.39) 3.2%, oklch(90.90% 0.0416 84.84) 6.5%, oklch(86.83% 0.0438 81.78) 9.7%, oklch(82.27% 0.0462 78.36) 12.9%, oklch(77.42% 0.0488 74.72) 16.1%, oklch(72.47% 0.0512 71.01) 19.4%, oklch(67.59% 0.0533 67.37) 22.6%, oklch(62.99% 0.0551 63.95) 25.8%, oklch(58.83% 0.0562 60.88) 29.0%, oklch(55.33% 0.0566 58.31) 32.3%, oklch(52.40% 0.0560 56.20) 35.5%, oklch(49.39% 0.0546 54.07) 38.7%, oklch(46.39% 0.0525 51.96) 41.9%, oklch(43.54% 0.0499 49.97) 45.2%, oklch(40.96% 0.0469 48.20) 48.4%, oklch(38.79% 0.0437 46.74) 51.6%, oklch(37.18% 0.0404 45.70) 54.8%, oklch(36.25% 0.0372 45.18) 58.1%, oklch(36.15% 0.0342 45.26) 61.3%, oklch(37.01% 0.0317 46.06) 64.5%, oklch(39.02% 0.0297 47.69) 67.7%, oklch(42.69% 0.0280 50.57) 71.0%, oklch(47.88% 0.0263 54.58) 74.2%, oklch(54.20% 0.0249 59.44) 77.4%, oklch(61.28% 0.0235 64.87) 80.6%, oklch(68.75% 0.0223 70.57) 83.9%, oklch(76.23% 0.0212 76.29) 87.1%, oklch(83.35% 0.0202 81.72) 90.3%, oklch(89.74% 0.0193 86.59) 93.5%, oklch(95.02% 0.0186 90.62) 96.8%, oklch(98.82% 0.0176 93.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.039 | 89.3 |
| 2 | 0.543 | 0.056 | 57.6 |
| 3 | 0.382 | 0.03 | 47 |
| 4 | 0.988 | 0.018 | 93.5 |

## In these collections

- [Cream](https://grabient.com/cream)

## Other forms

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