# Champagne and terracotta cream palette

The Champagne and terracotta cream palette brings together off-white, light orange, orange, and yellow. 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: Analogous white, brown and olive radial gradient
- Seed: `kU-w1CZZg-MUUvXVHEbA`
- Page: https://grabient.com/kU-w1CZZg-MUUvXVHEbA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#fffbef` | `oklch(98.82% 0.0170 92.85)` | Frosting Cream | black, 20.3 to 1 |
| 2 | `#fdf8e8` | `oklch(97.76% 0.0209 91.99)` | Cosmic Latte | black, 19.7 to 1 |
| 3 | `#f9f3e1` | `oklch(96.45% 0.0251 90.98)` | Tizzy | black, 18.9 to 1 |
| 4 | `#f6eed8` | `oklch(94.91% 0.0301 89.79)` | Apple Core | black, 18.1 to 1 |
| 5 | `#f2e8ce` | `oklch(93.19% 0.0357 88.45)` | Light Shell Haven | black, 17.1 to 1 |
| 6 | `#eee1c4` | `oklch(91.30% 0.0416 86.99)` | Blonde Curl | black, 16.2 to 1 |
| 7 | `#eadab9` | `oklch(89.28% 0.0475 85.43)` | Porcelain Pink | black, 15.2 to 1 |
| 8 | `#e6d3ae` | `oklch(87.18% 0.0532 83.78)` | Banana Crepe | black, 14.2 to 1 |
| 9 | `#e1cba3` | `oklch(85.01% 0.0582 82.08)` | Hearth | black, 13.2 to 1 |
| 10 | `#dcc399` | `oklch(82.82% 0.0624 80.34)` | Natural Twine | black, 12.3 to 1 |
| 11 | `#d7bb90` | `oklch(80.64% 0.0654 78.60)` | San Carlos Plaza | black, 11.4 to 1 |
| 12 | `#d1b488` | `oklch(78.38% 0.0671 76.68)` | Camelback Mountain | black, 10.5 to 1 |
| 13 | `#caaa81` | `oklch(75.76% 0.0675 74.10)` | Stonebriar | black, 9.6 to 1 |
| 14 | `#c2a179` | `oklch(72.85% 0.0670 71.06)` | Friendly Tan | black, 8.6 to 1 |
| 15 | `#ba9672` | `oklch(69.78% 0.0658 67.77)` | Painted Pony | black, 7.7 to 1 |
| 16 | `#b08c6b` | `oklch(66.68% 0.0640 64.47)` | River Road | black, 6.8 to 1 |
| 17 | `#a78364` | `oklch(63.67% 0.0620 61.40)` | Wooden Swing | black, 6 to 1 |
| 18 | `#9e7a5f` | `oklch(60.86% 0.0600 58.79)` | Cowgirl Boots | black, 5.4 to 1 |
| 19 | `#977359` | `oklch(58.39% 0.0583 56.86)` | Whisky Barrel | black, 4.9 to 1 |
| 20 | `#906d55` | `oklch(56.36% 0.0570 55.86)` | Brownie Scout | white, 4.6 to 1 |
| 21 | `#8b6951` | `oklch(54.92% 0.0564 56.02)` | Centaur Brown | white, 4.9 to 1 |
| 22 | `#89674e` | `oklch(54.17% 0.0567 57.59)` | Burnished Brandy | white, 5.1 to 1 |
| 23 | `#88684c` | `oklch(54.18% 0.0578 60.93)` | Baked Cookie | white, 5 to 1 |
| 24 | `#896a4b` | `oklch(54.84% 0.0595 65.79)` | Steady Brown | white, 4.9 to 1 |
| 25 | `#8b6f4c` | `oklch(56.01% 0.0616 71.81)` | Dull Gold | white, 4.6 to 1 |
| 26 | `#8e754d` | `oklch(57.56% 0.0641 78.62)` | Turned Leaf | black, 4.7 to 1 |
| 27 | `#907c4f` | `oklch(59.34% 0.0667 85.84)` | Safari Trail | black, 5.1 to 1 |
| 28 | `#928352` | `oklch(61.21% 0.0693 93.09)` | Picholine Olive | black, 5.5 to 1 |
| 29 | `#938b57` | `oklch(63.05% 0.0718 100.01)` | In a Pickle | black, 6 to 1 |
| 30 | `#94915b` | `oklch(64.71% 0.0740 106.22)` | Cardamom Green | black, 6.4 to 1 |
| 31 | `#949760` | `oklch(66.05% 0.0759 111.34)` | Broad Bean | black, 6.8 to 1 |
| 32 | `#939b63` | `oklch(66.93% 0.0772 115.00)` | Reptilian Leader | black, 7.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fffbef 0.0%, #fdf8e8 3.2%, #f9f3e1 6.5%, #f6eed8 9.7%, #f2e8ce 12.9%, #eee1c4 16.1%, #eadab9 19.4%, #e6d3ae 22.6%, #e1cba3 25.8%, #dcc399 29.0%, #d7bb90 32.3%, #d1b488 35.5%, #caaa81 38.7%, #c2a179 41.9%, #ba9672 45.2%, #b08c6b 48.4%, #a78364 51.6%, #9e7a5f 54.8%, #977359 58.1%, #906d55 61.3%, #8b6951 64.5%, #89674e 67.7%, #88684c 71.0%, #896a4b 74.2%, #8b6f4c 77.4%, #8e754d 80.6%, #907c4f 83.9%, #928352 87.1%, #938b57 90.3%, #94915b 93.5%, #949760 96.8%, #939b63 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.82% 0.0170 92.85) 0.0%, oklch(97.76% 0.0209 91.99) 3.2%, oklch(96.45% 0.0251 90.98) 6.5%, oklch(94.91% 0.0301 89.79) 9.7%, oklch(93.19% 0.0357 88.45) 12.9%, oklch(91.30% 0.0416 86.99) 16.1%, oklch(89.28% 0.0475 85.43) 19.4%, oklch(87.18% 0.0532 83.78) 22.6%, oklch(85.01% 0.0582 82.08) 25.8%, oklch(82.82% 0.0624 80.34) 29.0%, oklch(80.64% 0.0654 78.60) 32.3%, oklch(78.38% 0.0671 76.68) 35.5%, oklch(75.76% 0.0675 74.10) 38.7%, oklch(72.85% 0.0670 71.06) 41.9%, oklch(69.78% 0.0658 67.77) 45.2%, oklch(66.68% 0.0640 64.47) 48.4%, oklch(63.67% 0.0620 61.40) 51.6%, oklch(60.86% 0.0600 58.79) 54.8%, oklch(58.39% 0.0583 56.86) 58.1%, oklch(56.36% 0.0570 55.86) 61.3%, oklch(54.92% 0.0564 56.02) 64.5%, oklch(54.17% 0.0567 57.59) 67.7%, oklch(54.18% 0.0578 60.93) 71.0%, oklch(54.84% 0.0595 65.79) 74.2%, oklch(56.01% 0.0616 71.81) 77.4%, oklch(57.56% 0.0641 78.62) 80.6%, oklch(59.34% 0.0667 85.84) 83.9%, oklch(61.21% 0.0693 93.09) 87.1%, oklch(63.05% 0.0718 100.01) 90.3%, oklch(64.71% 0.0740 106.22) 93.5%, oklch(66.05% 0.0759 111.34) 96.8%, oklch(66.93% 0.0772 115.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.018 | 92.8 |
| 2 | 0.799 | 0.066 | 78 |
| 3 | 0.543 | 0.056 | 56.9 |
| 4 | 0.669 | 0.077 | 115 |

## In these collections

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

## Other forms

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