# Champagne, stone and mauve color palette

The Champagne, stone and mauve color palette brings together pale yellow, light orange, light gray, light blue, light magenta, and magenta. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is magenta, and its lightest tone is pale yellow.

- Also called: Off-white, light blue and purple angular swatches
- Seed: `kY-BRHb5I9GqBUxqEL-WZHMMiVvs`
- Page: https://grabient.com/kY-BRHb5I9GqBUxqEL-WZHMMiVvs?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: light to dark, pastel, light
- Hues: multi-hue
- 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 | `#fbf8e3` | `oklch(97.64% 0.0276 99.84)` | Diamond | black, 19.6 to 1 |
| 2 | `#ead3b3` | `oklch(87.80% 0.0496 75.54)` | Fuzzy Scruff | black, 14.4 to 1 |
| 3 | `#c8cacc` | `oklch(83.86% 0.0028 237.22)` | Porpoise Fin | black, 12.8 to 1 |
| 4 | `#adcee2` | `oklch(83.46% 0.0455 234.05)` | Polar Seas | black, 12.7 to 1 |
| 5 | `#b495ab` | `oklch(70.47% 0.0482 337.61)` | Roseville | black, 7.8 to 1 |
| 6 | `#8b6b89` | `oklch(57.09% 0.0593 328.10)` | Mauveine | black, 4.5 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #fbf8e3 0.000% 16.667%, #ead3b3 16.667% 33.333%, #c8cacc 33.333% 50.000%, #adcee2 50.000% 66.667%, #b495ab 66.667% 83.333%, #8b6b89 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(97.64% 0.0276 99.84) 0.000% 16.667%, oklch(87.80% 0.0496 75.54) 16.667% 33.333%, oklch(83.86% 0.0028 237.22) 33.333% 50.000%, oklch(83.46% 0.0455 234.05) 50.000% 66.667%, oklch(70.47% 0.0482 337.61) 66.667% 83.333%, oklch(57.09% 0.0593 328.10) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.028 | 99.8 |
| 2 | 0.878 | 0.05 | 75.5 |
| 3 | 0.839 | 0.003 | 237.2 |
| 4 | 0.835 | 0.045 | 234.1 |
| 5 | 0.705 | 0.048 | 337.6 |
| 6 | 0.571 | 0.059 | 328.1 |

## In these collections

- [Champagne silk reception](https://grabient.com/champagne-silk-reception)
- [Winter wedding swatches](https://grabient.com/winter-wedding-swatches)

## Other forms

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