# Champagne, teal and mauve pastel palette

The Champagne, teal and mauve pastel palette brings together pale orange, light green, light blue, and magenta. 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 magenta, and its lightest tone is pale orange.

- Also called: Beige, gray, light blue and purple linear gradient
- Seed: `kU6h8-6BRH98XSLOEsyg`
- Page: https://grabient.com/kU6h8-6BRH98XSLOEsyg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3 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 | `#f1e4c5` | `oklch(92.13% 0.0427 87.89)` | Tamale | black, 16.6 to 1 |
| 2 | `#ede3c3` | `oklch(91.53% 0.0434 91.74)` | Cream Silk | black, 16.3 to 1 |
| 3 | `#e9e1c0` | `oklch(90.74% 0.0444 96.63)` | Shell Haven | black, 15.9 to 1 |
| 4 | `#e3dfbd` | `oklch(89.81% 0.0455 102.39)` | Forest Found | black, 15.5 to 1 |
| 5 | `#dcddba` | `oklch(88.76% 0.0468 108.86)` | Endless Silk | black, 15 to 1 |
| 6 | `#d4dbb7` | `oklch(87.64% 0.0482 115.87)` | Green Parlour | black, 14.6 to 1 |
| 7 | `#ccd8b5` | `oklch(86.48% 0.0496 123.26)` | Vintage Glass | black, 14.1 to 1 |
| 8 | `#c3d6b4` | `oklch(85.32% 0.0510 130.85)` | Meadow Grass | black, 13.6 to 1 |
| 9 | `#bbd4b3` | `oklch(84.19% 0.0524 138.49)` | Golden Elm | black, 13.1 to 1 |
| 10 | `#b2d2b3` | `oklch(83.13% 0.0536 146.00)` | Enchanted Meadow | black, 12.7 to 1 |
| 11 | `#aad0b4` | `oklch(82.18% 0.0548 153.21)` | Pastel Mint Green | black, 12.3 to 1 |
| 12 | `#a4ceb6` | `oklch(81.36% 0.0558 160.05)` | Feather Green | black, 12 to 1 |
| 13 | `#9dccb8` | `oklch(80.64% 0.0569 166.73)` | Mint Twist | black, 11.7 to 1 |
| 14 | `#97caba` | `oklch(79.99% 0.0581 173.33)` | Mint Twist | black, 11.5 to 1 |
| 15 | `#92c9bd` | `oklch(79.40% 0.0592 179.93)` | Beach Breeze | black, 11.2 to 1 |
| 16 | `#8dc7c0` | `oklch(78.83% 0.0603 186.61)` | Mercury Mist | black, 11 to 1 |
| 17 | `#8ac5c3` | `oklch(78.26% 0.0613 193.44)` | Enchanted Isle | black, 10.8 to 1 |
| 18 | `#86c3c6` | `oklch(77.66% 0.0621 200.49)` | Big Sky Country | black, 10.6 to 1 |
| 19 | `#84c0c9` | `oklch(77.00% 0.0628 207.85)` | Aftercare | black, 10.3 to 1 |
| 20 | `#83bdcb` | `oklch(76.27% 0.0633 215.58)` | Aftercare | black, 10 to 1 |
| 21 | `#83b9cd` | `oklch(75.43% 0.0634 223.76)` | Blue Bird Morning | black, 9.7 to 1 |
| 22 | `#84b4ce` | `oklch(74.46% 0.0633 232.52)` | Blue Cuddle | black, 9.3 to 1 |
| 23 | `#86aecd` | `oklch(73.29% 0.0627 242.53)` | Mini Bay | black, 8.9 to 1 |
| 24 | `#8aa7cb` | `oklch(71.94% 0.0617 253.67)` | Polo Blue | black, 8.4 to 1 |
| 25 | `#8ea0c6` | `oklch(70.48% 0.0605 265.56)` | Blue Heron | black, 7.9 to 1 |
| 26 | `#9298c0` | `oklch(68.95% 0.0590 277.81)` | Thistle Down | black, 7.4 to 1 |
| 27 | `#9591b8` | `oklch(67.41% 0.0574 290.03)` | Indifferent | black, 7 to 1 |
| 28 | `#988aaf` | `oklch(65.91% 0.0558 301.84)` | Saffron Blossom Mauve | black, 6.6 to 1 |
| 29 | `#9984a6` | `oklch(64.51% 0.0543 312.86)` | Rhapsody | black, 6.2 to 1 |
| 30 | `#9a809d` | `oklch(63.26% 0.0529 322.69)` | Mixed Berries | black, 5.9 to 1 |
| 31 | `#9a7c95` | `oklch(62.21% 0.0518 330.96)` | Amorous | black, 5.6 to 1 |
| 32 | `#997990` | `oklch(61.42% 0.0510 337.28)` | Mountbatten Pink | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f1e4c5 0.0%, #ede3c3 3.2%, #e9e1c0 6.5%, #e3dfbd 9.7%, #dcddba 12.9%, #d4dbb7 16.1%, #ccd8b5 19.4%, #c3d6b4 22.6%, #bbd4b3 25.8%, #b2d2b3 29.0%, #aad0b4 32.3%, #a4ceb6 35.5%, #9dccb8 38.7%, #97caba 41.9%, #92c9bd 45.2%, #8dc7c0 48.4%, #8ac5c3 51.6%, #86c3c6 54.8%, #84c0c9 58.1%, #83bdcb 61.3%, #83b9cd 64.5%, #84b4ce 67.7%, #86aecd 71.0%, #8aa7cb 74.2%, #8ea0c6 77.4%, #9298c0 80.6%, #9591b8 83.9%, #988aaf 87.1%, #9984a6 90.3%, #9a809d 93.5%, #9a7c95 96.8%, #997990 100.0%);
background: linear-gradient(45deg in oklch, oklch(92.13% 0.0427 87.89) 0.0%, oklch(91.53% 0.0434 91.74) 3.2%, oklch(90.74% 0.0444 96.63) 6.5%, oklch(89.81% 0.0455 102.39) 9.7%, oklch(88.76% 0.0468 108.86) 12.9%, oklch(87.64% 0.0482 115.87) 16.1%, oklch(86.48% 0.0496 123.26) 19.4%, oklch(85.32% 0.0510 130.85) 22.6%, oklch(84.19% 0.0524 138.49) 25.8%, oklch(83.13% 0.0536 146.00) 29.0%, oklch(82.18% 0.0548 153.21) 32.3%, oklch(81.36% 0.0558 160.05) 35.5%, oklch(80.64% 0.0569 166.73) 38.7%, oklch(79.99% 0.0581 173.33) 41.9%, oklch(79.40% 0.0592 179.93) 45.2%, oklch(78.83% 0.0603 186.61) 48.4%, oklch(78.26% 0.0613 193.44) 51.6%, oklch(77.66% 0.0621 200.49) 54.8%, oklch(77.00% 0.0628 207.85) 58.1%, oklch(76.27% 0.0633 215.58) 61.3%, oklch(75.43% 0.0634 223.76) 64.5%, oklch(74.46% 0.0633 232.52) 67.7%, oklch(73.29% 0.0627 242.53) 71.0%, oklch(71.94% 0.0617 253.67) 74.2%, oklch(70.48% 0.0605 265.56) 77.4%, oklch(68.95% 0.0590 277.81) 80.6%, oklch(67.41% 0.0574 290.03) 83.9%, oklch(65.91% 0.0558 301.84) 87.1%, oklch(64.51% 0.0543 312.86) 90.3%, oklch(63.26% 0.0529 322.69) 93.5%, oklch(62.21% 0.0518 330.96) 96.8%, oklch(61.42% 0.0510 337.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.043 | 87.9 |
| 2 | 0.819 | 0.055 | 155.5 |
| 3 | 0.748 | 0.063 | 229.5 |
| 4 | 0.614 | 0.051 | 337.3 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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