# Champagne, terracotta and wine color palette

The Champagne, terracotta and wine color palette brings together pale yellow, gold, light orange, red, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is magenta, and its lightest tone is pale yellow.

- Also called: Duotone beige to purple radial gradient
- Seed: `kW7SVE7Zo-NqcO9EIbwsJ28o`
- Page: https://grabient.com/kW7SVE7Zo-NqcO9EIbwsJ28o?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light to dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#f3eac3` | `oklch(93.31% 0.0510 96.33)` | Pear Sorbet | black, 17.3 to 1 |
| 2 | `#f2e8c0` | `oklch(92.80% 0.0527 95.29)` | Bermuda Son | black, 17 to 1 |
| 3 | `#f1e5bc` | `oklch(92.18% 0.0552 94.06)` | Designer Cream Yellow | black, 16.7 to 1 |
| 4 | `#f0e2b7` | `oklch(91.44% 0.0582 92.60)` | James Blonde | black, 16.3 to 1 |
| 5 | `#efdfb2` | `oklch(90.59% 0.0614 90.88)` | Cookies and Cream | black, 15.8 to 1 |
| 6 | `#eedbac` | `oklch(89.60% 0.0646 88.87)` | Shortcake | black, 15.3 to 1 |
| 7 | `#edd7a6` | `oklch(88.49% 0.0676 86.53)` | Subtle Glow | black, 14.8 to 1 |
| 8 | `#ebd2a0` | `oklch(87.25% 0.0702 83.82)` | Pale Wood | black, 14.2 to 1 |
| 9 | `#e9cc9b` | `oklch(85.86% 0.0721 80.71)` | Chamois | black, 13.6 to 1 |
| 10 | `#e7c696` | `oklch(84.28% 0.0733 77.01)` | Electrum | black, 12.8 to 1 |
| 11 | `#e4bf91` | `oklch(82.54% 0.0741 72.78)` | Gold Plate | black, 12.1 to 1 |
| 12 | `#e0b78c` | `oklch(80.64% 0.0745 68.17)` | Brandy | black, 11.3 to 1 |
| 13 | `#dcb087` | `oklch(78.64% 0.0749 63.32)` | Sheepskin | black, 10.5 to 1 |
| 14 | `#d8a883` | `oklch(76.57% 0.0752 58.38)` | Desert Riverbed | black, 9.8 to 1 |
| 15 | `#d3a07f` | `oklch(74.45% 0.0757 53.51)` | Orange Maple | black, 9 to 1 |
| 16 | `#ce987b` | `oklch(72.32% 0.0766 48.86)` | Tawny Amber | black, 8.3 to 1 |
| 17 | `#c99077` | `oklch(70.19% 0.0779 44.52)` | African Bubinga | black, 7.7 to 1 |
| 18 | `#c38873` | `oklch(67.97% 0.0799 40.26)` | Secluded Canyon | black, 7 to 1 |
| 19 | `#be7f6e` | `oklch(65.67% 0.0823 36.05)` | Kitchen Terra Cotta | black, 6.4 to 1 |
| 20 | `#b8776a` | `oklch(63.31% 0.0848 31.89)` | Döner Kebab | black, 5.8 to 1 |
| 21 | `#b16e66` | `oklch(60.95% 0.0873 27.79)` | Scene Stealer | black, 5.3 to 1 |
| 22 | `#ab6662` | `oklch(58.60% 0.0895 23.76)` | Melon Twist | black, 4.8 to 1 |
| 23 | `#a45e5f` | `oklch(56.30% 0.0913 19.80)` | Pizza Pie | white, 4.8 to 1 |
| 24 | `#9d575d` | `oklch(54.08% 0.0922 15.92)` | Cuban Rhythm | white, 5.2 to 1 |
| 25 | `#96515a` | `oklch(51.90% 0.0922 12.02)` | Mesa Red | white, 5.8 to 1 |
| 26 | `#8d4a58` | `oklch(49.61% 0.0914 7.93)` | Dull Magenta | white, 6.4 to 1 |
| 27 | `#854456` | `oklch(47.30% 0.0899 3.78)` | Dark Earth | white, 7 to 1 |
| 28 | `#7c3f54` | `oklch(45.03% 0.0880 359.73)` | Red Jade | white, 7.8 to 1 |
| 29 | `#743a51` | `oklch(42.91% 0.0860 355.93)` | Ruby Nights | white, 8.5 to 1 |
| 30 | `#6c354f` | `oklch(41.00% 0.0840 352.52)` | Blasted Lands Rocks | white, 9.2 to 1 |
| 31 | `#66324d` | `oklch(39.40% 0.0824 349.65)` | Wine Gummy Red | white, 9.8 to 1 |
| 32 | `#612f4b` | `oklch(38.19% 0.0813 347.48)` | Grape Wine | white, 10.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3eac3 0.0%, #f2e8c0 3.2%, #f1e5bc 6.5%, #f0e2b7 9.7%, #efdfb2 12.9%, #eedbac 16.1%, #edd7a6 19.4%, #ebd2a0 22.6%, #e9cc9b 25.8%, #e7c696 29.0%, #e4bf91 32.3%, #e0b78c 35.5%, #dcb087 38.7%, #d8a883 41.9%, #d3a07f 45.2%, #ce987b 48.4%, #c99077 51.6%, #c38873 54.8%, #be7f6e 58.1%, #b8776a 61.3%, #b16e66 64.5%, #ab6662 67.7%, #a45e5f 71.0%, #9d575d 74.2%, #96515a 77.4%, #8d4a58 80.6%, #854456 83.9%, #7c3f54 87.1%, #743a51 90.3%, #6c354f 93.5%, #66324d 96.8%, #612f4b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.31% 0.0510 96.33) 0.0%, oklch(92.80% 0.0527 95.29) 3.2%, oklch(92.18% 0.0552 94.06) 6.5%, oklch(91.44% 0.0582 92.60) 9.7%, oklch(90.59% 0.0614 90.88) 12.9%, oklch(89.60% 0.0646 88.87) 16.1%, oklch(88.49% 0.0676 86.53) 19.4%, oklch(87.25% 0.0702 83.82) 22.6%, oklch(85.86% 0.0721 80.71) 25.8%, oklch(84.28% 0.0733 77.01) 29.0%, oklch(82.54% 0.0741 72.78) 32.3%, oklch(80.64% 0.0745 68.17) 35.5%, oklch(78.64% 0.0749 63.32) 38.7%, oklch(76.57% 0.0752 58.38) 41.9%, oklch(74.45% 0.0757 53.51) 45.2%, oklch(72.32% 0.0766 48.86) 48.4%, oklch(70.19% 0.0779 44.52) 51.6%, oklch(67.97% 0.0799 40.26) 54.8%, oklch(65.67% 0.0823 36.05) 58.1%, oklch(63.31% 0.0848 31.89) 61.3%, oklch(60.95% 0.0873 27.79) 64.5%, oklch(58.60% 0.0895 23.76) 67.7%, oklch(56.30% 0.0913 19.80) 71.0%, oklch(54.08% 0.0922 15.92) 74.2%, oklch(51.90% 0.0922 12.02) 77.4%, oklch(49.61% 0.0914 7.93) 80.6%, oklch(47.30% 0.0899 3.78) 83.9%, oklch(45.03% 0.0880 359.73) 87.1%, oklch(42.91% 0.0860 355.93) 90.3%, oklch(41.00% 0.0840 352.52) 93.5%, oklch(39.40% 0.0824 349.65) 96.8%, oklch(38.19% 0.0813 347.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.051 | 96.3 |
| 2 | 0.862 | 0.072 | 81.5 |
| 3 | 0.713 | 0.077 | 46.7 |
| 4 | 0.535 | 0.092 | 15 |
| 5 | 0.382 | 0.081 | -12.5 |

## In these collections

- [Champagne silk reception](https://grabient.com/champagne-silk-reception)
- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

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