# Champagne and terracotta warm neutral palette

The Champagne and terracotta warm neutral palette brings together pale orange and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Monochrome beige to brown linear gradient
- Seed: `kS5Rk-25s-EIivQ`
- Page: https://grabient.com/kS5Rk-25s-EIivQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, pastel, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#e8dec5` | `oklch(90.16% 0.0344 87.89)` | Adobe Sand | black, 15.6 to 1 |
| 2 | `#e7dbc2` | `oklch(89.50% 0.0359 87.33)` | Adobe White | black, 15.3 to 1 |
| 3 | `#e5d9be` | `oklch(88.72% 0.0378 86.68)` | Echelon Ecru | black, 14.9 to 1 |
| 4 | `#e3d6ba` | `oklch(87.82% 0.0400 85.95)` | Yellowstone Park | black, 14.5 to 1 |
| 5 | `#e0d2b5` | `oklch(86.82% 0.0424 85.13)` | Comfy Beige | black, 14 to 1 |
| 6 | `#deceaf` | `oklch(85.73% 0.0451 84.25)` | Fennel Splash | black, 13.5 to 1 |
| 7 | `#dccaa9` | `oklch(84.55% 0.0479 83.30)` | Egg Liqueur | black, 13 to 1 |
| 8 | `#d9c6a3` | `oklch(83.32% 0.0509 82.28)` | Light Bamboo | black, 12.5 to 1 |
| 9 | `#d6c19d` | `oklch(82.03% 0.0539 81.21)` | Gold Wash | black, 12 to 1 |
| 10 | `#d4bd97` | `oklch(80.71% 0.0570 80.09)` | Pebble Path | black, 11.4 to 1 |
| 11 | `#d1b890` | `oklch(79.35% 0.0600 78.93)` | Stacked Limestone | black, 10.9 to 1 |
| 12 | `#ceb38a` | `oklch(77.99% 0.0630 77.73)` | Oak Harbour | black, 10.4 to 1 |
| 13 | `#cbae84` | `oklch(76.63% 0.0659 76.50)` | Harvest Home | black, 9.9 to 1 |
| 14 | `#c9a97e` | `oklch(75.28% 0.0686 75.25)` | Stonebriar | black, 9.4 to 1 |
| 15 | `#c6a478` | `oklch(73.95% 0.0711 73.97)` | Outback | black, 9 to 1 |
| 16 | `#c3a073` | `oklch(72.67% 0.0734 72.69)` | Empire Gold | black, 8.5 to 1 |
| 17 | `#c19b6e` | `oklch(71.42% 0.0754 71.37)` | Cardboard | black, 8.1 to 1 |
| 18 | `#be9769` | `oklch(70.10% 0.0773 69.92)` | Chalet | black, 7.7 to 1 |
| 19 | `#bb9264` | `oklch(68.70% 0.0791 68.33)` | Honey Haven | black, 7.3 to 1 |
| 20 | `#b88c5f` | `oklch(67.25% 0.0808 66.64)` | Caramel Cupcake | black, 6.9 to 1 |
| 21 | `#b5875a` | `oklch(65.76% 0.0824 64.87)` | Safari Sun | black, 6.5 to 1 |
| 22 | `#b18256` | `oklch(64.25% 0.0840 63.05)` | Komodo Dragon | black, 6.1 to 1 |
| 23 | `#ae7c51` | `oklch(62.74% 0.0855 61.20)` | Loquat Brown | black, 5.8 to 1 |
| 24 | `#ab774d` | `oklch(61.25% 0.0869 59.36)` | Brown Sugar | black, 5.4 to 1 |
| 25 | `#a77249` | `oklch(59.78% 0.0882 57.53)` | Cashew | black, 5.1 to 1 |
| 26 | `#a46d45` | `oklch(58.37% 0.0895 55.76)` | Vintage Pottery | black, 4.8 to 1 |
| 27 | `#a16842` | `oklch(57.03% 0.0906 54.07)` | Earth | white, 4.5 to 1 |
| 28 | `#9e643e` | `oklch(55.77% 0.0917 52.49)` | Earth | white, 4.8 to 1 |
| 29 | `#9b603c` | `oklch(54.62% 0.0927 51.04)` | Hampton Beach | white, 5 to 1 |
| 30 | `#995c39` | `oklch(53.59% 0.0936 49.74)` | Chestnut Stallion | white, 5.3 to 1 |
| 31 | `#975937` | `oklch(52.70% 0.0944 48.63)` | Coconut | white, 5.5 to 1 |
| 32 | `#955635` | `oklch(51.97% 0.0951 47.73)` | Tonicha | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e8dec5 0.0%, #e7dbc2 3.2%, #e5d9be 6.5%, #e3d6ba 9.7%, #e0d2b5 12.9%, #deceaf 16.1%, #dccaa9 19.4%, #d9c6a3 22.6%, #d6c19d 25.8%, #d4bd97 29.0%, #d1b890 32.3%, #ceb38a 35.5%, #cbae84 38.7%, #c9a97e 41.9%, #c6a478 45.2%, #c3a073 48.4%, #c19b6e 51.6%, #be9769 54.8%, #bb9264 58.1%, #b88c5f 61.3%, #b5875a 64.5%, #b18256 67.7%, #ae7c51 71.0%, #ab774d 74.2%, #a77249 77.4%, #a46d45 80.6%, #a16842 83.9%, #9e643e 87.1%, #9b603c 90.3%, #995c39 93.5%, #975937 96.8%, #955635 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0344 87.89) 0.0%, oklch(89.50% 0.0359 87.33) 3.2%, oklch(88.72% 0.0378 86.68) 6.5%, oklch(87.82% 0.0400 85.95) 9.7%, oklch(86.82% 0.0424 85.13) 12.9%, oklch(85.73% 0.0451 84.25) 16.1%, oklch(84.55% 0.0479 83.30) 19.4%, oklch(83.32% 0.0509 82.28) 22.6%, oklch(82.03% 0.0539 81.21) 25.8%, oklch(80.71% 0.0570 80.09) 29.0%, oklch(79.35% 0.0600 78.93) 32.3%, oklch(77.99% 0.0630 77.73) 35.5%, oklch(76.63% 0.0659 76.50) 38.7%, oklch(75.28% 0.0686 75.25) 41.9%, oklch(73.95% 0.0711 73.97) 45.2%, oklch(72.67% 0.0734 72.69) 48.4%, oklch(71.42% 0.0754 71.37) 51.6%, oklch(70.10% 0.0773 69.92) 54.8%, oklch(68.70% 0.0791 68.33) 58.1%, oklch(67.25% 0.0808 66.64) 61.3%, oklch(65.76% 0.0824 64.87) 64.5%, oklch(64.25% 0.0840 63.05) 67.7%, oklch(62.74% 0.0855 61.20) 71.0%, oklch(61.25% 0.0869 59.36) 74.2%, oklch(59.78% 0.0882 57.53) 77.4%, oklch(58.37% 0.0895 55.76) 80.6%, oklch(57.03% 0.0906 54.07) 83.9%, oklch(55.77% 0.0917 52.49) 87.1%, oklch(54.62% 0.0927 51.04) 90.3%, oklch(53.59% 0.0936 49.74) 93.5%, oklch(52.70% 0.0944 48.63) 96.8%, oklch(51.97% 0.0951 47.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.034 | 87.9 |
| 2 | 0.72 | 0.074 | 72 |
| 3 | 0.52 | 0.095 | 47.7 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)

## Other forms

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