# Peach, mauve and champagne color palette

The Peach, mauve and champagne color palette brings together light gray, red, magenta, and pale orange. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is pale orange.

- Also called: Gray, purple and off-white linear gradient
- Seed: `kU3BAu2Ju7jkUuH3is1g`
- Page: https://grabient.com/kU3BAu2Ju7jkUuH3is1g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.6 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 | `#ded0c4` | `oklch(86.61% 0.0220 65.39)` | Brioche | black, 13.9 to 1 |
| 2 | `#dccdbf` | `oklch(85.68% 0.0254 63.38)` | Stonewashed Brown | black, 13.5 to 1 |
| 3 | `#dbc8b9` | `oklch(84.52% 0.0302 60.96)` | Tapioca | black, 13 to 1 |
| 4 | `#dbc3b2` | `oklch(83.17% 0.0359 58.15)` | Regal | black, 12.4 to 1 |
| 5 | `#dabcaa` | `oklch(81.65% 0.0423 54.98)` | Linen Cloth | black, 11.7 to 1 |
| 6 | `#d8b5a2` | `oklch(79.99% 0.0490 51.47)` | Spanish Villa | black, 11 to 1 |
| 7 | `#d7ae9a` | `oklch(78.21% 0.0557 47.67)` | Adobe Village | black, 10.4 to 1 |
| 8 | `#d5a693` | `oklch(76.33% 0.0620 43.59)` | Tiffany Rose | black, 9.7 to 1 |
| 9 | `#d29e8d` | `oklch(74.37% 0.0675 39.27)` | Nectarine Spice | black, 9 to 1 |
| 10 | `#cf9688` | `oklch(72.38% 0.0720 34.74)` | Peach Preserve | black, 8.3 to 1 |
| 11 | `#ca8e84` | `oklch(70.36% 0.0751 30.02)` | Rose de Mai | black, 7.7 to 1 |
| 12 | `#c48681` | `oklch(68.16% 0.0766 24.71)` | Luscious Lobster | black, 7 to 1 |
| 13 | `#bb7d7f` | `oklch(65.32% 0.0769 17.74)` | Chick Flick | black, 6.3 to 1 |
| 14 | `#af737c` | `oklch(62.01% 0.0762 9.53)` | French Marron | black, 5.5 to 1 |
| 15 | `#a16979` | `oklch(58.46% 0.0747 0.65)` | High Country Rose | black, 4.8 to 1 |
| 16 | `#925f76` | `oklch(54.88% 0.0725 351.64)` | Glitz and Glamour | white, 5 to 1 |
| 17 | `#845772` | `oklch(51.50% 0.0699 343.06)` | Merlin’s Cloak | white, 5.8 to 1 |
| 18 | `#77506e` | `oklch(48.54% 0.0669 335.46)` | Brocade Violet | white, 6.6 to 1 |
| 19 | `#6d4c6a` | `oklch(46.22% 0.0639 329.40)` | Dirty Purple | white, 7.2 to 1 |
| 20 | `#664967` | `oklch(44.77% 0.0609 325.44)` | Sultana | white, 7.7 to 1 |
| 21 | `#644966` | `oklch(44.41% 0.0581 324.13)` | Bunchberry | white, 7.8 to 1 |
| 22 | `#674b67` | `oklch(45.38% 0.0557 326.06)` | Bunchberry | white, 7.5 to 1 |
| 23 | `#70536b` | `oklch(47.97% 0.0531 331.86)` | Hibernation | white, 6.7 to 1 |
| 24 | `#7d5e71` | `oklch(51.96% 0.0503 341.01)` | Chicha Morada | white, 5.6 to 1 |
| 25 | `#8e6c7a` | `oklch(57.01% 0.0472 352.70)` | Blunt Violet | black, 4.5 to 1 |
| 26 | `#a17e84` | `oklch(62.80% 0.0441 6.14)` | Plumville | black, 5.8 to 1 |
| 27 | `#b49291` | `oklch(68.98% 0.0410 20.53)` | Antoinette | black, 7.4 to 1 |
| 28 | `#c5a79f` | `oklch(75.22% 0.0380 35.09)` | Sable Cloaked | black, 9.3 to 1 |
| 29 | `#d5bbae` | `oklch(81.19% 0.0352 49.03)` | Wafer | black, 11.5 to 1 |
| 30 | `#e3cebe` | `oklch(86.55% 0.0327 61.54)` | Life Is a Peach | black, 13.8 to 1 |
| 31 | `#eedecc` | `oklch(90.96% 0.0306 71.84)` | Toasted Oatmeal | black, 16 to 1 |
| 32 | `#f6ead6` | `oklch(94.09% 0.0289 79.13)` | Marquee White | black, 17.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ded0c4 0.0%, #dccdbf 3.2%, #dbc8b9 6.5%, #dbc3b2 9.7%, #dabcaa 12.9%, #d8b5a2 16.1%, #d7ae9a 19.4%, #d5a693 22.6%, #d29e8d 25.8%, #cf9688 29.0%, #ca8e84 32.3%, #c48681 35.5%, #bb7d7f 38.7%, #af737c 41.9%, #a16979 45.2%, #925f76 48.4%, #845772 51.6%, #77506e 54.8%, #6d4c6a 58.1%, #664967 61.3%, #644966 64.5%, #674b67 67.7%, #70536b 71.0%, #7d5e71 74.2%, #8e6c7a 77.4%, #a17e84 80.6%, #b49291 83.9%, #c5a79f 87.1%, #d5bbae 90.3%, #e3cebe 93.5%, #eedecc 96.8%, #f6ead6 100.0%);
background: linear-gradient(135deg in oklch, oklch(86.61% 0.0220 65.39) 0.0%, oklch(85.68% 0.0254 63.38) 3.2%, oklch(84.52% 0.0302 60.96) 6.5%, oklch(83.17% 0.0359 58.15) 9.7%, oklch(81.65% 0.0423 54.98) 12.9%, oklch(79.99% 0.0490 51.47) 16.1%, oklch(78.21% 0.0557 47.67) 19.4%, oklch(76.33% 0.0620 43.59) 22.6%, oklch(74.37% 0.0675 39.27) 25.8%, oklch(72.38% 0.0720 34.74) 29.0%, oklch(70.36% 0.0751 30.02) 32.3%, oklch(68.16% 0.0766 24.71) 35.5%, oklch(65.32% 0.0769 17.74) 38.7%, oklch(62.01% 0.0762 9.53) 41.9%, oklch(58.46% 0.0747 0.65) 45.2%, oklch(54.88% 0.0725 351.64) 48.4%, oklch(51.50% 0.0699 343.06) 51.6%, oklch(48.54% 0.0669 335.46) 54.8%, oklch(46.22% 0.0639 329.40) 58.1%, oklch(44.77% 0.0609 325.44) 61.3%, oklch(44.41% 0.0581 324.13) 64.5%, oklch(45.38% 0.0557 326.06) 67.7%, oklch(47.97% 0.0531 331.86) 71.0%, oklch(51.96% 0.0503 341.01) 74.2%, oklch(57.01% 0.0472 352.70) 77.4%, oklch(62.80% 0.0441 6.14) 80.6%, oklch(68.98% 0.0410 20.53) 83.9%, oklch(75.22% 0.0380 35.09) 87.1%, oklch(81.19% 0.0352 49.03) 90.3%, oklch(86.55% 0.0327 61.54) 93.5%, oklch(90.96% 0.0306 71.84) 96.8%, oklch(94.09% 0.0289 79.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.022 | 65.4 |
| 2 | 0.697 | 0.076 | 28.4 |
| 3 | 0.449 | 0.056 | -35 |
| 4 | 0.941 | 0.029 | 79.1 |

## In these collections

- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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