# Mauve and sage opalescent palette

The Mauve and sage opalescent palette brings together red, light red, light blue, and pale green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale green.

- Also called: Mauve, pink, light blue and beige angular swatches
- Seed: `kUlTsB5Ba_e2PMLzE7LA`
- Page: https://grabient.com/kUlTsB5Ba_e2PMLzE7LA?style=angularSwatches&steps=20&angle=135
- Drawn as: angular swatches, 20 steps, 135 degrees
- Kinds: dark to light, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#a56778` | `oklch(58.66% 0.0813 2.11)` | Heather Rose | black, 4.8 to 1 |
| 2 | `#ab6e7e` | `oklch(60.84% 0.0793 2.99)` | Shade of Mauve | black, 5.2 to 1 |
| 3 | `#b47885` | `oklch(63.95% 0.0767 5.34)` | Foxglove | black, 5.9 to 1 |
| 4 | `#bf848f` | `oklch(67.60% 0.0735 7.75)` | Strawberry Jubilee | black, 6.9 to 1 |
| 5 | `#ca919a` | `oklch(71.41% 0.0700 8.78)` | Garnet Shadow | black, 8 to 1 |
| 6 | `#d49da7` | `oklch(74.99% 0.0665 7.03)` | Silver Rose | black, 9.1 to 1 |
| 7 | `#dba7b5` | `oklch(77.95% 0.0631 1.06)` | Pink Nectar | black, 10.1 to 1 |
| 8 | `#ddafc4` | `oklch(80.07% 0.0597 349.48)` | Roseate Spoonbill | black, 10.9 to 1 |
| 9 | `#dab6d3` | `oklch(81.69% 0.0558 332.40)` | Lilac Haze | black, 11.6 to 1 |
| 10 | `#d2bee0` | `oklch(82.94% 0.0517 311.48)` | Plum Point | black, 12.2 to 1 |
| 11 | `#c8c6e8` | `oklch(83.94% 0.0478 288.37)` | Powdered Granite | black, 12.7 to 1 |
| 12 | `#bfcdeb` | `oklch(84.80% 0.0445 264.78)` | Maritime | black, 13.1 to 1 |
| 13 | `#b9d4ea` | `oklch(85.63% 0.0421 242.39)` | Light Sea Cliff | black, 13.6 to 1 |
| 14 | `#b6d9e7` | `oklch(86.53% 0.0412 222.55)` | Fresh Dawn | black, 14.1 to 1 |
| 15 | `#b6dee2` | `oklch(87.41% 0.0420 202.48)` | Basin Blue | black, 14.5 to 1 |
| 16 | `#b9e2da` | `oklch(88.23% 0.0440 182.00)` | Serendipity | black, 14.9 to 1 |
| 17 | `#c0e5d1` | `oklch(88.97% 0.0467 162.22)` | Workout Green | black, 15.3 to 1 |
| 18 | `#cae6c9` | `oklch(89.61% 0.0496 144.22)` | Wintergreen Mint | black, 15.6 to 1 |
| 19 | `#d4e6c2` | `oklch(90.14% 0.0521 129.12)` | Green Vibes | black, 15.8 to 1 |
| 20 | `#dce5bd` | `oklch(90.55% 0.0537 118.00)` | Loch Modan Moss | black, 16 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #a56778 0.000% 5.000%, #ab6e7e 5.000% 10.000%, #b47885 10.000% 15.000%, #bf848f 15.000% 20.000%, #ca919a 20.000% 25.000%, #d49da7 25.000% 30.000%, #dba7b5 30.000% 35.000%, #ddafc4 35.000% 40.000%, #dab6d3 40.000% 45.000%, #d2bee0 45.000% 50.000%, #c8c6e8 50.000% 55.000%, #bfcdeb 55.000% 60.000%, #b9d4ea 60.000% 65.000%, #b6d9e7 65.000% 70.000%, #b6dee2 70.000% 75.000%, #b9e2da 75.000% 80.000%, #c0e5d1 80.000% 85.000%, #cae6c9 85.000% 90.000%, #d4e6c2 90.000% 95.000%, #dce5bd 95.000% 100.000%);
background: conic-gradient(from 135deg, oklch(58.66% 0.0813 2.11) 0.000% 5.000%, oklch(60.84% 0.0793 2.99) 5.000% 10.000%, oklch(63.95% 0.0767 5.34) 10.000% 15.000%, oklch(67.60% 0.0735 7.75) 15.000% 20.000%, oklch(71.41% 0.0700 8.78) 20.000% 25.000%, oklch(74.99% 0.0665 7.03) 25.000% 30.000%, oklch(77.95% 0.0631 1.06) 30.000% 35.000%, oklch(80.07% 0.0597 349.48) 35.000% 40.000%, oklch(81.69% 0.0558 332.40) 40.000% 45.000%, oklch(82.94% 0.0517 311.48) 45.000% 50.000%, oklch(83.94% 0.0478 288.37) 50.000% 55.000%, oklch(84.80% 0.0445 264.78) 55.000% 60.000%, oklch(85.63% 0.0421 242.39) 60.000% 65.000%, oklch(86.53% 0.0412 222.55) 65.000% 70.000%, oklch(87.41% 0.0420 202.48) 70.000% 75.000%, oklch(88.23% 0.0440 182.00) 75.000% 80.000%, oklch(88.97% 0.0467 162.22) 80.000% 85.000%, oklch(89.61% 0.0496 144.22) 85.000% 90.000%, oklch(90.14% 0.0521 129.12) 90.000% 95.000%, oklch(90.55% 0.0537 118.00) 95.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.081 | 2.1 |
| 2 | 0.787 | 0.062 | -2.1 |
| 3 | 0.862 | 0.041 | -131 |
| 4 | 0.906 | 0.054 | -242 |

## In these collections

- [Opalescent swatches](https://grabient.com/opalescent-swatches)

## Other forms

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