# Orange and champagne color palette

The Orange and champagne color palette brings together orange, light orange, pale orange, and off-white. The colors span a moderate lightness range, combining moderate color with gentle 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: Monochrome orange to white radial gradient
- Seed: `kUtF8jbBtAfcMwV9B0IA`
- Page: https://grabient.com/kUtF8jbBtAfcMwV9B0IA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#e28652` | `oklch(70.87% 0.1309 49.22)` | Orange Poppy | black, 7.7 to 1 |
| 2 | `#e38a57` | `oklch(71.70% 0.1276 49.43)` | Aegean Sky | black, 8 to 1 |
| 3 | `#e58f5d` | `oklch(72.80% 0.1233 49.66)` | Big Foot Feet | black, 8.3 to 1 |
| 4 | `#e79465` | `oklch(74.11% 0.1181 49.92)` | Peachy Maroney | black, 8.8 to 1 |
| 5 | `#e99a6d` | `oklch(75.58% 0.1124 50.21)` | Inventive Orange | black, 9.3 to 1 |
| 6 | `#eba176` | `oklch(77.14% 0.1062 50.54)` | Mexican Standoff | black, 9.8 to 1 |
| 7 | `#eea77e` | `oklch(78.76% 0.0998 50.93)` | Orange Liqueur | black, 10.4 to 1 |
| 8 | `#f0ae87` | `oklch(80.38% 0.0934 51.39)` | Peach Quartz | black, 11.1 to 1 |
| 9 | `#f2b490` | `oklch(81.93% 0.0872 51.91)` | Caramel Cream | black, 11.7 to 1 |
| 10 | `#f4ba98` | `oklch(83.38% 0.0813 52.51)` | Peach Parfait | black, 12.3 to 1 |
| 11 | `#f5c09f` | `oklch(84.66% 0.0760 53.20)` | Shrimp Boat | black, 12.8 to 1 |
| 12 | `#f6c4a5` | `oklch(85.76% 0.0713 53.97)` | Peach Damask | black, 13.3 to 1 |
| 13 | `#f7c9aa` | `oklch(86.79% 0.0668 54.83)` | Bleached Apricot | black, 13.8 to 1 |
| 14 | `#f8cdb0` | `oklch(87.76% 0.0623 55.76)` | Whipped Peach | black, 14.3 to 1 |
| 15 | `#f8d1b5` | `oklch(88.68% 0.0580 56.77)` | Dough Yellow | black, 14.7 to 1 |
| 16 | `#f9d4ba` | `oklch(89.55% 0.0539 57.84)` | Tender Peach | black, 15.1 to 1 |
| 17 | `#f9d8bf` | `oklch(90.36% 0.0499 58.98)` | Fresh Baked Bread | black, 15.6 to 1 |
| 18 | `#fadbc4` | `oklch(91.14% 0.0461 60.18)` | Sweetness | black, 16 to 1 |
| 19 | `#fadec8` | `oklch(91.88% 0.0426 61.44)` | Muffin Magic | black, 16.3 to 1 |
| 20 | `#fae1cc` | `oklch(92.59% 0.0393 62.75)` | Peach Kiss | black, 16.7 to 1 |
| 21 | `#fbe4d0` | `oklch(93.26% 0.0363 64.13)` | Scalloped Potato | black, 17.1 to 1 |
| 22 | `#fbe7d4` | `oklch(93.92% 0.0336 65.56)` | Naive Peach | black, 17.4 to 1 |
| 23 | `#fcead7` | `oklch(94.54% 0.0312 67.21)` | Peach Fade | black, 17.8 to 1 |
| 24 | `#fcecdb` | `oklch(95.13% 0.0290 69.05)` | Mango Cheesecake | black, 18.1 to 1 |
| 25 | `#fdeede` | `oklch(95.68% 0.0272 71.03)` | Sweet Buttermilk | black, 18.4 to 1 |
| 26 | `#fdf0e0` | `oklch(96.20% 0.0256 73.07)` | Award Winning White | black, 18.7 to 1 |
| 27 | `#fef2e3` | `oklch(96.68% 0.0242 75.12)` | Doeskin | black, 19 to 1 |
| 28 | `#fef4e5` | `oklch(97.12% 0.0229 77.10)` | Old Lace | black, 19.2 to 1 |
| 29 | `#fff6e7` | `oklch(97.52% 0.0218 78.95)` | Soft Pillow | black, 19.5 to 1 |
| 30 | `#fff7ea` | `oklch(97.87% 0.0196 80.62)` | Apricot Ice | black, 19.7 to 1 |
| 31 | `#fff8ec` | `oklch(98.17% 0.0175 82.01)` | Day Lily | black, 19.9 to 1 |
| 32 | `#fff9ee` | `oklch(98.42% 0.0155 83.08)` | Satin Purse | black, 20 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e28652 0.0%, #e38a57 3.2%, #e58f5d 6.5%, #e79465 9.7%, #e99a6d 12.9%, #eba176 16.1%, #eea77e 19.4%, #f0ae87 22.6%, #f2b490 25.8%, #f4ba98 29.0%, #f5c09f 32.3%, #f6c4a5 35.5%, #f7c9aa 38.7%, #f8cdb0 41.9%, #f8d1b5 45.2%, #f9d4ba 48.4%, #f9d8bf 51.6%, #fadbc4 54.8%, #fadec8 58.1%, #fae1cc 61.3%, #fbe4d0 64.5%, #fbe7d4 67.7%, #fcead7 71.0%, #fcecdb 74.2%, #fdeede 77.4%, #fdf0e0 80.6%, #fef2e3 83.9%, #fef4e5 87.1%, #fff6e7 90.3%, #fff7ea 93.5%, #fff8ec 96.8%, #fff9ee 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.1309 49.22) 0.0%, oklch(71.70% 0.1276 49.43) 3.2%, oklch(72.80% 0.1233 49.66) 6.5%, oklch(74.11% 0.1181 49.92) 9.7%, oklch(75.58% 0.1124 50.21) 12.9%, oklch(77.14% 0.1062 50.54) 16.1%, oklch(78.76% 0.0998 50.93) 19.4%, oklch(80.38% 0.0934 51.39) 22.6%, oklch(81.93% 0.0872 51.91) 25.8%, oklch(83.38% 0.0813 52.51) 29.0%, oklch(84.66% 0.0760 53.20) 32.3%, oklch(85.76% 0.0713 53.97) 35.5%, oklch(86.79% 0.0668 54.83) 38.7%, oklch(87.76% 0.0623 55.76) 41.9%, oklch(88.68% 0.0580 56.77) 45.2%, oklch(89.55% 0.0539 57.84) 48.4%, oklch(90.36% 0.0499 58.98) 51.6%, oklch(91.14% 0.0461 60.18) 54.8%, oklch(91.88% 0.0426 61.44) 58.1%, oklch(92.59% 0.0393 62.75) 61.3%, oklch(93.26% 0.0363 64.13) 64.5%, oklch(93.92% 0.0336 65.56) 67.7%, oklch(94.54% 0.0312 67.21) 71.0%, oklch(95.13% 0.0290 69.05) 74.2%, oklch(95.68% 0.0272 71.03) 77.4%, oklch(96.20% 0.0256 73.07) 80.6%, oklch(96.68% 0.0242 75.12) 83.9%, oklch(97.12% 0.0229 77.10) 87.1%, oklch(97.52% 0.0218 78.95) 90.3%, oklch(97.87% 0.0196 80.62) 93.5%, oklch(98.17% 0.0175 82.01) 96.8%, oklch(98.42% 0.0155 83.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.131 | 49.2 |
| 2 | 0.85 | 0.074 | 53.4 |
| 3 | 0.937 | 0.034 | 65.1 |
| 4 | 0.984 | 0.019 | 83 |

## In these collections

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

## Other forms

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