# Champagne and peach color palette

Monochrome white to tan linear gradient with 32 colors: #f8f4ed, #f7f3ec, #f6f2ea, #f6f1e9, #f5f0e7, #f4eee4, #f3ede2, #f2ebdf, #f1eadd, #f0e8da, #efe6d7, #eee4d4, #ede3d2, #ece1cf, #ebdfcc, #eaddca, #eadcc8, #e9dac5, #e8d8c3, #e7d6c0, #e6d4bd, #e5d2bb, #e4d0b8, #e3ceb5, #e2cdb3, #e1cbb0, #e1c9ae, #e0c7ac, #dfc6aa, #dfc4a8, #dec3a7, #dec2a6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome white to tan linear gradient
- Seed: `kS9gc88os_GmSPs`
- Page: https://grabient.com/kS9gc88os_GmSPs?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#f8f4ed` | `oklch(96.85% 0.0096 85.08)` | Crystal Cut | black, 19.1 to 1 |
| 2 | `#f7f3ec` | `oklch(96.61% 0.0104 84.81)` | Decorator White | black, 19 to 1 |
| 3 | `#f6f2ea` | `oklch(96.32% 0.0113 84.50)` | Dove’s Wing | black, 18.8 to 1 |
| 4 | `#f6f1e9` | `oklch(95.98% 0.0124 84.14)` | Winter Doldrums | black, 18.6 to 1 |
| 5 | `#f5f0e7` | `oklch(95.61% 0.0135 83.75)` | Crisp Cotton | black, 18.4 to 1 |
| 6 | `#f4eee4` | `oklch(95.20% 0.0148 83.31)` | Stonewashed Pink | black, 18.2 to 1 |
| 7 | `#f3ede2` | `oklch(94.76% 0.0162 82.85)` | Jet White | black, 18 to 1 |
| 8 | `#f2ebdf` | `oklch(94.30% 0.0177 82.36)` | Nilla Vanilla | black, 17.7 to 1 |
| 9 | `#f1eadd` | `oklch(93.83% 0.0192 81.84)` | Classic Light Buff | black, 17.5 to 1 |
| 10 | `#f0e8da` | `oklch(93.33% 0.0207 81.31)` | Bright Ocarina | black, 17.2 to 1 |
| 11 | `#efe6d7` | `oklch(92.83% 0.0222 80.76)` | Pale Chamois | black, 16.9 to 1 |
| 12 | `#eee4d4` | `oklch(92.33% 0.0238 80.20)` | Pavillion | black, 16.7 to 1 |
| 13 | `#ede3d2` | `oklch(91.83% 0.0253 79.64)` | Canyon Cliffs | black, 16.4 to 1 |
| 14 | `#ece1cf` | `oklch(91.33% 0.0268 79.07)` | Bleach White | black, 16.2 to 1 |
| 15 | `#ebdfcc` | `oklch(90.85% 0.0283 78.51)` | Sausage Roll | black, 15.9 to 1 |
| 16 | `#eaddca` | `oklch(90.38% 0.0297 77.96)` | Pale Gingersnap | black, 15.7 to 1 |
| 17 | `#eadcc8` | `oklch(89.93% 0.0310 77.40)` | Scrolled Parchment | black, 15.5 to 1 |
| 18 | `#e9dac5` | `oklch(89.46% 0.0323 76.80)` | Oatmeal Cookie | black, 15.2 to 1 |
| 19 | `#e8d8c3` | `oklch(88.96% 0.0337 76.16)` | Floating Feather | black, 15 to 1 |
| 20 | `#e7d6c0` | `oklch(88.44% 0.0351 75.49)` | Lotus Pod | black, 14.7 to 1 |
| 21 | `#e6d4bd` | `oklch(87.92% 0.0366 74.79)` | Gentle Slumber | black, 14.5 to 1 |
| 22 | `#e5d2bb` | `oklch(87.38% 0.0380 74.08)` | Antique Buff | black, 14.2 to 1 |
| 23 | `#e4d0b8` | `oklch(86.85% 0.0395 73.36)` | Toasted Cashew | black, 14 to 1 |
| 24 | `#e3ceb5` | `oklch(86.33% 0.0409 72.64)` | Warm Croissant | black, 13.8 to 1 |
| 25 | `#e2cdb3` | `oklch(85.81% 0.0423 71.94)` | Crimini Mushroom | black, 13.5 to 1 |
| 26 | `#e1cbb0` | `oklch(85.32% 0.0436 71.26)` | Macadamia | black, 13.3 to 1 |
| 27 | `#e1c9ae` | `oklch(84.85% 0.0449 70.61)` | Craft Juggler | black, 13.1 to 1 |
| 28 | `#e0c7ac` | `oklch(84.41% 0.0460 70.00)` | Larb Gai | black, 12.9 to 1 |
| 29 | `#dfc6aa` | `oklch(84.00% 0.0471 69.44)` | Larb Gai | black, 12.7 to 1 |
| 30 | `#dfc4a8` | `oklch(83.64% 0.0481 68.95)` | Cliff’s View | black, 12.6 to 1 |
| 31 | `#dec3a7` | `oklch(83.33% 0.0489 68.52)` | Louvre | black, 12.4 to 1 |
| 32 | `#dec2a6` | `oklch(83.07% 0.0496 68.17)` | Strawberry Malt | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f8f4ed 0.0%, #f7f3ec 3.2%, #f6f2ea 6.5%, #f6f1e9 9.7%, #f5f0e7 12.9%, #f4eee4 16.1%, #f3ede2 19.4%, #f2ebdf 22.6%, #f1eadd 25.8%, #f0e8da 29.0%, #efe6d7 32.3%, #eee4d4 35.5%, #ede3d2 38.7%, #ece1cf 41.9%, #ebdfcc 45.2%, #eaddca 48.4%, #eadcc8 51.6%, #e9dac5 54.8%, #e8d8c3 58.1%, #e7d6c0 61.3%, #e6d4bd 64.5%, #e5d2bb 67.7%, #e4d0b8 71.0%, #e3ceb5 74.2%, #e2cdb3 77.4%, #e1cbb0 80.6%, #e1c9ae 83.9%, #e0c7ac 87.1%, #dfc6aa 90.3%, #dfc4a8 93.5%, #dec3a7 96.8%, #dec2a6 100.0%);
background: linear-gradient(135deg in oklch, oklch(96.85% 0.0096 85.08) 0.0%, oklch(96.61% 0.0104 84.81) 3.2%, oklch(96.32% 0.0113 84.50) 6.5%, oklch(95.98% 0.0124 84.14) 9.7%, oklch(95.61% 0.0135 83.75) 12.9%, oklch(95.20% 0.0148 83.31) 16.1%, oklch(94.76% 0.0162 82.85) 19.4%, oklch(94.30% 0.0177 82.36) 22.6%, oklch(93.83% 0.0192 81.84) 25.8%, oklch(93.33% 0.0207 81.31) 29.0%, oklch(92.83% 0.0222 80.76) 32.3%, oklch(92.33% 0.0238 80.20) 35.5%, oklch(91.83% 0.0253 79.64) 38.7%, oklch(91.33% 0.0268 79.07) 41.9%, oklch(90.85% 0.0283 78.51) 45.2%, oklch(90.38% 0.0297 77.96) 48.4%, oklch(89.93% 0.0310 77.40) 51.6%, oklch(89.46% 0.0323 76.80) 54.8%, oklch(88.96% 0.0337 76.16) 58.1%, oklch(88.44% 0.0351 75.49) 61.3%, oklch(87.92% 0.0366 74.79) 64.5%, oklch(87.38% 0.0380 74.08) 67.7%, oklch(86.85% 0.0395 73.36) 71.0%, oklch(86.33% 0.0409 72.64) 74.2%, oklch(85.81% 0.0423 71.94) 77.4%, oklch(85.32% 0.0436 71.26) 80.6%, oklch(84.85% 0.0449 70.61) 83.9%, oklch(84.41% 0.0460 70.00) 87.1%, oklch(84.00% 0.0471 69.44) 90.3%, oklch(83.64% 0.0481 68.95) 93.5%, oklch(83.33% 0.0489 68.52) 96.8%, oklch(83.07% 0.0496 68.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.01 | 85.1 |
| 2 | 0.902 | 0.03 | 77.7 |
| 3 | 0.831 | 0.05 | 68.2 |

## In these collections

- [App background gradients](https://grabient.com/app-background-gradients)
- [Champagne silk reception](https://grabient.com/champagne-silk-reception)
- [Beach swatches](https://grabient.com/beach-swatches)

## Other forms

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