# Champagne and terracotta cream palette

The Champagne and terracotta cream palette brings together pale orange, light orange, and orange. The colors span a moderate lightness range, combining restrained 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 pale orange.

- Also called: Pastel monochrome beige to tan linear gradient
- Seed: `kU9hw_5Zg-tmavttF75g`
- Page: https://grabient.com/kU9hw_5Zg-tmavttF75g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#fff4d8` | `oklch(96.85% 0.0386 89.30)` | Pastel Moon Creme | black, 19.1 to 1 |
| 2 | `#fcf1d3` | `oklch(95.85% 0.0402 88.69)` | Andover Cream | black, 18.6 to 1 |
| 3 | `#f9eccd` | `oklch(94.53% 0.0425 87.90)` | Pappardelle Noodle | black, 17.8 to 1 |
| 4 | `#f5e6c6` | `oklch(92.95% 0.0452 86.97)` | Cottonseed | black, 17 to 1 |
| 5 | `#f0e0be` | `oklch(91.18% 0.0482 85.93)` | Satin Souffle | black, 16.1 to 1 |
| 6 | `#ecdab6` | `oklch(89.30% 0.0514 84.80)` | Cinnamon Milk | black, 15.2 to 1 |
| 7 | `#e7d3ad` | `oklch(87.36% 0.0546 83.63)` | Banana Crepe | black, 14.3 to 1 |
| 8 | `#e2cca5` | `oklch(85.43% 0.0578 82.43)` | Hearth | black, 13.4 to 1 |
| 9 | `#dec69d` | `oklch(83.57% 0.0608 81.25)` | Reed Yellow | black, 12.6 to 1 |
| 10 | `#d9c095` | `oklch(81.86% 0.0634 80.12)` | Grain Mill | black, 11.9 to 1 |
| 11 | `#d6bb8f` | `oklch(80.36% 0.0656 79.06)` | San Carlos Plaza | black, 11.3 to 1 |
| 12 | `#d3b68a` | `oklch(79.05% 0.0672 78.09)` | Craftsman Gold | black, 10.8 to 1 |
| 13 | `#cfb185` | `oklch(77.70% 0.0686 77.17)` | Warm Butterscotch | black, 10.3 to 1 |
| 14 | `#ccad80` | `oklch(76.34% 0.0698 76.28)` | Harvest Home | black, 9.8 to 1 |
| 15 | `#c8a87b` | `oklch(75.01% 0.0707 75.41)` | Sugar Pie | black, 9.3 to 1 |
| 16 | `#c5a477` | `oklch(73.76% 0.0715 74.54)` | Mustard Seed Beige | black, 8.9 to 1 |
| 17 | `#c2a074` | `oklch(72.64% 0.0721 73.67)` | Empire Gold | black, 8.5 to 1 |
| 18 | `#c09d71` | `oklch(71.69% 0.0725 72.78)` | Curry Sauce | black, 8.2 to 1 |
| 19 | `#be9a6f` | `oklch(70.96% 0.0728 71.87)` | Ancient Fresco | black, 8 to 1 |
| 20 | `#bd996d` | `oklch(70.51% 0.0730 70.92)` | Ancient Fresco | black, 7.9 to 1 |
| 21 | `#bd986d` | `oklch(70.37% 0.0731 69.92)` | Etruscan Bronze | black, 7.8 to 1 |
| 22 | `#bf986e` | `oklch(70.60% 0.0730 68.85)` | Lanyard | black, 7.9 to 1 |
| 23 | `#c19a71` | `oklch(71.35% 0.0726 67.65)` | Lanyard | black, 8.1 to 1 |
| 24 | `#c69e76` | `oklch(72.56% 0.0720 66.32)` | Gingersnap | black, 8.5 to 1 |
| 25 | `#cba27c` | `oklch(74.13% 0.0712 64.92)` | Kenya | black, 9 to 1 |
| 26 | `#d1a882` | `oklch(75.94% 0.0702 63.48)` | Maple Tan | black, 9.6 to 1 |
| 27 | `#d8ae8a` | `oklch(77.89% 0.0691 62.05)` | Porcini | black, 10.3 to 1 |
| 28 | `#deb491` | `oklch(79.86% 0.0681 60.67)` | Sonora Apricot | black, 11 to 1 |
| 29 | `#e5ba98` | `oklch(81.75% 0.0670 59.39)` | Sumptuous Peach | black, 11.7 to 1 |
| 30 | `#eabf9f` | `oklch(83.45% 0.0661 58.24)` | Madrid Beige | black, 12.4 to 1 |
| 31 | `#efc3a4` | `oklch(84.84% 0.0653 57.28)` | Siesta | black, 13 to 1 |
| 32 | `#f2c6a8` | `oklch(85.83% 0.0648 56.54)` | Citrus Sachet | black, 13.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff4d8 0.0%, #fcf1d3 3.2%, #f9eccd 6.5%, #f5e6c6 9.7%, #f0e0be 12.9%, #ecdab6 16.1%, #e7d3ad 19.4%, #e2cca5 22.6%, #dec69d 25.8%, #d9c095 29.0%, #d6bb8f 32.3%, #d3b68a 35.5%, #cfb185 38.7%, #ccad80 41.9%, #c8a87b 45.2%, #c5a477 48.4%, #c2a074 51.6%, #c09d71 54.8%, #be9a6f 58.1%, #bd996d 61.3%, #bd986d 64.5%, #bf986e 67.7%, #c19a71 71.0%, #c69e76 74.2%, #cba27c 77.4%, #d1a882 80.6%, #d8ae8a 83.9%, #deb491 87.1%, #e5ba98 90.3%, #eabf9f 93.5%, #efc3a4 96.8%, #f2c6a8 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.85% 0.0386 89.30) 0.0%, oklch(95.85% 0.0402 88.69) 3.2%, oklch(94.53% 0.0425 87.90) 6.5%, oklch(92.95% 0.0452 86.97) 9.7%, oklch(91.18% 0.0482 85.93) 12.9%, oklch(89.30% 0.0514 84.80) 16.1%, oklch(87.36% 0.0546 83.63) 19.4%, oklch(85.43% 0.0578 82.43) 22.6%, oklch(83.57% 0.0608 81.25) 25.8%, oklch(81.86% 0.0634 80.12) 29.0%, oklch(80.36% 0.0656 79.06) 32.3%, oklch(79.05% 0.0672 78.09) 35.5%, oklch(77.70% 0.0686 77.17) 38.7%, oklch(76.34% 0.0698 76.28) 41.9%, oklch(75.01% 0.0707 75.41) 45.2%, oklch(73.76% 0.0715 74.54) 48.4%, oklch(72.64% 0.0721 73.67) 51.6%, oklch(71.69% 0.0725 72.78) 54.8%, oklch(70.96% 0.0728 71.87) 58.1%, oklch(70.51% 0.0730 70.92) 61.3%, oklch(70.37% 0.0731 69.92) 64.5%, oklch(70.60% 0.0730 68.85) 67.7%, oklch(71.35% 0.0726 67.65) 71.0%, oklch(72.56% 0.0720 66.32) 74.2%, oklch(74.13% 0.0712 64.92) 77.4%, oklch(75.94% 0.0702 63.48) 80.6%, oklch(77.89% 0.0691 62.05) 83.9%, oklch(79.86% 0.0681 60.67) 87.1%, oklch(81.75% 0.0670 59.39) 90.3%, oklch(83.45% 0.0661 58.24) 93.5%, oklch(84.84% 0.0653 57.28) 96.8%, oklch(85.83% 0.0648 56.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.039 | 89.3 |
| 2 | 0.799 | 0.066 | 78.7 |
| 3 | 0.705 | 0.073 | 69.2 |
| 4 | 0.858 | 0.065 | 56.5 |

## In these collections

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

## Other forms

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