# Orange, champagne and burgundy color palette

The Orange, champagne and burgundy color palette brings together orange, light orange, pale orange, and dark red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits editorial layouts and period-inspired packaging. Its darkest tone is dark red, and its lightest tone is pale orange.

- Also called: Analogous orange, off-white and brown radial gradient
- Seed: `kWt3sicCvDfoOwRJrzpphs-Q`
- Page: https://grabient.com/kWt3sicCvDfoOwRJrzpphs-Q?style=radialGradient&steps=40&angle=300
- Drawn as: radial gradient, 40 steps, 300 degrees
- Kinds: light center, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#f77e36` | `oklch(72.05% 0.1695 47.81)` | Ornery Tangerine | black, 8 to 1 |
| 2 | `#f98338` | `oklch(73.08% 0.1666 49.72)` | Peach Fury | black, 8.3 to 1 |
| 3 | `#fa8a3b` | `oklch(74.45% 0.1630 52.30)` | Sunset Yellow | black, 8.8 to 1 |
| 4 | `#fc933f` | `oklch(76.09% 0.1589 55.39)` | Joyful Orange | black, 9.3 to 1 |
| 5 | `#fe9c44` | `oklch(77.93% 0.1542 58.84)` | Au Gratin | black, 10 to 1 |
| 6 | `#ffa64f` | `oklch(79.87% 0.1459 62.48)` | Blazing Orange | black, 10.8 to 1 |
| 7 | `#ffb15b` | `oklch(81.85% 0.1364 66.14)` | Vintage Orange | black, 11.6 to 1 |
| 8 | `#ffba68` | `oklch(83.78% 0.1273 69.68)` | Desert Dessert | black, 12.5 to 1 |
| 9 | `#ffc374` | `oklch(85.58% 0.1186 72.92)` | Bronze Blush | black, 13.3 to 1 |
| 10 | `#ffcb7f` | `oklch(87.17% 0.1106 75.71)` | Orange Glass | black, 14 to 1 |
| 11 | `#ffd189` | `oklch(88.51% 0.1033 77.91)` | Sunporch | black, 14.7 to 1 |
| 12 | `#ffd795` | `oklch(89.93% 0.0946 80.01)` | Cornmeal | black, 15.4 to 1 |
| 13 | `#ffdea3` | `oklch(91.51% 0.0837 82.12)` | Bachimitsu Gold | black, 16.2 to 1 |
| 14 | `#ffe5b2` | `oklch(93.13% 0.0714 84.14)` | Vanilla Ice Cream | black, 17.1 to 1 |
| 15 | `#ffebc1` | `oklch(94.66% 0.0585 85.95)` | Urnebes Beige | black, 17.9 to 1 |
| 16 | `#fff1cf` | `oklch(95.98% 0.0462 87.44)` | Bird’s Child | black, 18.6 to 1 |
| 17 | `#fff4da` | `oklch(96.97% 0.0361 88.48)` | Desert Lily | black, 19.2 to 1 |
| 18 | `#fff6e0` | `oklch(97.51% 0.0302 88.96)` | Creamy Cloud Dreams | black, 19.5 to 1 |
| 19 | `#fff6e0` | `oklch(97.47% 0.0304 88.76)` | Creamy Cloud Dreams | black, 19.5 to 1 |
| 20 | `#fff3d8` | `oklch(96.73% 0.0379 87.76)` | Coffee Cream | black, 19.1 to 1 |
| 21 | `#fbeed1` | `oklch(95.15% 0.0408 85.78)` | Honied White | black, 18.2 to 1 |
| 22 | `#f6e4c5` | `oklch(92.62% 0.0459 82.52)` | Lightweight Beige | black, 16.8 to 1 |
| 23 | `#f0d8b4` | `oklch(89.29% 0.0544 78.16)` | Simple Pleasures | black, 15.1 to 1 |
| 24 | `#eac9a0` | `oklch(85.33% 0.0656 73.00)` | Compatible Cream | black, 13.3 to 1 |
| 25 | `#e3b88a` | `oklch(80.93% 0.0783 67.32)` | Desert Dust | black, 11.4 to 1 |
| 26 | `#dda575` | `oklch(76.28% 0.0914 61.41)` | Gehenna’s Gold | black, 9.6 to 1 |
| 27 | `#d59261` | `oklch(71.55% 0.1041 55.56)` | Whiskey Sour | black, 8 to 1 |
| 28 | `#cd7f51` | `oklch(66.93% 0.1153 50.06)` | Apricot Buff | black, 6.7 to 1 |
| 29 | `#c46d44` | `oklch(62.60% 0.1239 45.18)` | Screaming Bell Metal | black, 5.6 to 1 |
| 30 | `#bb5f3b` | `oklch(58.74% 0.1289 41.23)` | Deep Reddish Orange | black, 4.7 to 1 |
| 31 | `#b05335` | `oklch(55.31% 0.1299 38.25)` | Crimson Warrior | white, 5 to 1 |
| 32 | `#a54930` | `oklch(51.87% 0.1276 35.79)` | Toasted Paprika | white, 5.8 to 1 |
| 33 | `#98402c` | `oklch(48.45% 0.1229 33.77)` | Tia Maria | white, 6.7 to 1 |
| 34 | `#8a3829` | `oklch(45.11% 0.1164 32.12)` | Rustica | white, 7.8 to 1 |
| 35 | `#7d3126` | `oklch(41.90% 0.1086 30.79)` | Warmth of Teamwork | white, 8.9 to 1 |
| 36 | `#712b23` | `oklch(38.89% 0.1003 29.71)` | Cypress Bark Red | white, 10.1 to 1 |
| 37 | `#652720` | `oklch(36.13% 0.0920 28.82)` | Azuki Red | white, 11.2 to 1 |
| 38 | `#5b231d` | `oklch(33.67% 0.0846 28.06)` | Caput Mortuum | white, 12.3 to 1 |
| 39 | `#531f1b` | `oklch(31.59% 0.0785 27.36)` | Torrefacto Roast | white, 13.3 to 1 |
| 40 | `#4c1c18` | `oklch(29.92% 0.0744 26.68)` | Tobi Brown | white, 14 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f77e36 0.0%, #f98338 2.6%, #fa8a3b 5.1%, #fc933f 7.7%, #fe9c44 10.3%, #ffa64f 12.8%, #ffb15b 15.4%, #ffba68 17.9%, #ffc374 20.5%, #ffcb7f 23.1%, #ffd189 25.6%, #ffd795 28.2%, #ffdea3 30.8%, #ffe5b2 33.3%, #ffebc1 35.9%, #fff1cf 38.5%, #fff4da 41.0%, #fff6e0 43.6%, #fff6e0 46.2%, #fff3d8 48.7%, #fbeed1 51.3%, #f6e4c5 53.8%, #f0d8b4 56.4%, #eac9a0 59.0%, #e3b88a 61.5%, #dda575 64.1%, #d59261 66.7%, #cd7f51 69.2%, #c46d44 71.8%, #bb5f3b 74.4%, #b05335 76.9%, #a54930 79.5%, #98402c 82.1%, #8a3829 84.6%, #7d3126 87.2%, #712b23 89.7%, #652720 92.3%, #5b231d 94.9%, #531f1b 97.4%, #4c1c18 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.05% 0.1695 47.81) 0.0%, oklch(73.08% 0.1666 49.72) 2.6%, oklch(74.45% 0.1630 52.30) 5.1%, oklch(76.09% 0.1589 55.39) 7.7%, oklch(77.93% 0.1542 58.84) 10.3%, oklch(79.87% 0.1459 62.48) 12.8%, oklch(81.85% 0.1364 66.14) 15.4%, oklch(83.78% 0.1273 69.68) 17.9%, oklch(85.58% 0.1186 72.92) 20.5%, oklch(87.17% 0.1106 75.71) 23.1%, oklch(88.51% 0.1033 77.91) 25.6%, oklch(89.93% 0.0946 80.01) 28.2%, oklch(91.51% 0.0837 82.12) 30.8%, oklch(93.13% 0.0714 84.14) 33.3%, oklch(94.66% 0.0585 85.95) 35.9%, oklch(95.98% 0.0462 87.44) 38.5%, oklch(96.97% 0.0361 88.48) 41.0%, oklch(97.51% 0.0302 88.96) 43.6%, oklch(97.47% 0.0304 88.76) 46.2%, oklch(96.73% 0.0379 87.76) 48.7%, oklch(95.15% 0.0408 85.78) 51.3%, oklch(92.62% 0.0459 82.52) 53.8%, oklch(89.29% 0.0544 78.16) 56.4%, oklch(85.33% 0.0656 73.00) 59.0%, oklch(80.93% 0.0783 67.32) 61.5%, oklch(76.28% 0.0914 61.41) 64.1%, oklch(71.55% 0.1041 55.56) 66.7%, oklch(66.93% 0.1153 50.06) 69.2%, oklch(62.60% 0.1239 45.18) 71.8%, oklch(58.74% 0.1289 41.23) 74.4%, oklch(55.31% 0.1299 38.25) 76.9%, oklch(51.87% 0.1276 35.79) 79.5%, oklch(48.45% 0.1229 33.77) 82.1%, oklch(45.11% 0.1164 32.12) 84.6%, oklch(41.90% 0.1086 30.79) 87.2%, oklch(38.89% 0.1003 29.71) 89.7%, oklch(36.13% 0.0920 28.82) 92.3%, oklch(33.67% 0.0846 28.06) 94.9%, oklch(31.59% 0.0785 27.36) 97.4%, oklch(29.92% 0.0744 26.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.169 | 47.8 |
| 2 | 0.882 | 0.12 | 77.4 |
| 3 | 0.961 | 0.04 | 86.9 |
| 4 | 0.579 | 0.13 | 40.4 |
| 5 | 0.299 | 0.074 | 26.7 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)
- [Thanksgiving gradients](https://grabient.com/thanksgiving-gradients)

## Other forms

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