# Pale sage, turquoise and mauve multicolor palette

The Pale sage, turquoise and mauve multicolor palette brings together off-white, light green, teal, blue, and red. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Gray, blue and mauve radial gradient
- Seed: `kY8xBYbRBD90aQ5NGsVxhtGVYXR8`
- Page: https://grabient.com/kY8xBYbRBD90aQ5NGsVxhtGVYXR8?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#edf3e4` | `oklch(95.67% 0.0220 123.75)` | Saltpan | black, 18.6 to 1 |
| 2 | `#e9f1e0` | `oklch(94.67% 0.0243 127.32)` | Clarity | black, 18 to 1 |
| 3 | `#e2eddb` | `oklch(93.32% 0.0273 132.27)` | Establish Mint | black, 17.3 to 1 |
| 4 | `#dae9d5` | `oklch(91.71% 0.0310 138.12)` | Touch of Green | black, 16.5 to 1 |
| 5 | `#d0e4d0` | `oklch(89.92% 0.0350 144.43)` | Lime Flip | black, 15.7 to 1 |
| 6 | `#c6dfcb` | `oklch(88.05% 0.0391 150.71)` | Spring Burst | black, 14.8 to 1 |
| 7 | `#bcdbc6` | `oklch(86.19% 0.0433 156.51)` | Green Grapes | black, 14 to 1 |
| 8 | `#b1d6c2` | `oklch(84.34% 0.0476 161.56)` | Chlorophyll Cream | black, 13.2 to 1 |
| 9 | `#a6d1be` | `oklch(82.37% 0.0525 166.22)` | Taffy Twist | black, 12.4 to 1 |
| 10 | `#9acbba` | `oklch(80.32% 0.0576 170.73)` | Mint Twist | black, 11.6 to 1 |
| 11 | `#8dc6b6` | `oklch(78.23% 0.0626 175.34)` | Aquastone | black, 10.8 to 1 |
| 12 | `#81c0b3` | `oklch(76.13% 0.0671 180.28)` | Seaborn | black, 10.1 to 1 |
| 13 | `#75bab1` | `oklch(74.05% 0.0706 185.79)` | Cooled Blue | black, 9.4 to 1 |
| 14 | `#6bb3b0` | `oklch(71.98% 0.0728 192.05)` | Aurora Teal | black, 8.7 to 1 |
| 15 | `#62acaf` | `oklch(69.80% 0.0739 198.90)` | Fountain Blue | black, 8 to 1 |
| 16 | `#5ba4ae` | `oklch(67.58% 0.0741 206.21)` | Explorer Blue | black, 7.3 to 1 |
| 17 | `#579cac` | `oklch(65.41% 0.0738 213.88)` | Flood Out | black, 6.7 to 1 |
| 18 | `#5495aa` | `oklch(63.38% 0.0733 221.79)` | Blue Persia | black, 6.2 to 1 |
| 19 | `#548da8` | `oklch(61.57% 0.0730 229.85)` | Sora Sky | black, 5.7 to 1 |
| 20 | `#5587a7` | `oklch(60.04% 0.0731 237.95)` | Safe Haven | black, 5.4 to 1 |
| 21 | `#5780a5` | `oklch(58.55% 0.0736 246.13)` | Sapphired | black, 5 to 1 |
| 22 | `#597aa3` | `oklch(57.15% 0.0741 254.45)` | Cocktail Blue | black, 4.7 to 1 |
| 23 | `#5d74a1` | `oklch(55.98% 0.0746 262.99)` | Blue Yonder | white, 4.6 to 1 |
| 24 | `#626f9e` | `oklch(55.18% 0.0749 271.81)` | Blueberry Patch | white, 4.8 to 1 |
| 25 | `#696c9c` | `oklch(54.89% 0.0748 280.97)` | Dusted Peri | white, 4.9 to 1 |
| 26 | `#726b9b` | `oklch(55.26% 0.0742 290.59)` | Thirsty Thursday | white, 4.9 to 1 |
| 27 | `#7e6c9a` | `oklch(56.61% 0.0729 301.70)` | Ornate | white, 4.6 to 1 |
| 28 | `#8c709a` | `oklch(58.76% 0.0710 313.99)` | Fuji Purple | black, 4.9 to 1 |
| 29 | `#9a769a` | `oklch(61.34% 0.0688 326.49)` | Rebel Rouser | black, 5.4 to 1 |
| 30 | `#a77d9a` | `oklch(63.95% 0.0666 338.18)` | Cali Lily | black, 6 to 1 |
| 31 | `#b1839a` | `oklch(66.20% 0.0647 348.08)` | Heather Violet | black, 6.5 to 1 |
| 32 | `#b88899` | `oklch(67.72% 0.0634 355.18)` | Monastir | black, 6.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #edf3e4 0.0%, #e9f1e0 3.2%, #e2eddb 6.5%, #dae9d5 9.7%, #d0e4d0 12.9%, #c6dfcb 16.1%, #bcdbc6 19.4%, #b1d6c2 22.6%, #a6d1be 25.8%, #9acbba 29.0%, #8dc6b6 32.3%, #81c0b3 35.5%, #75bab1 38.7%, #6bb3b0 41.9%, #62acaf 45.2%, #5ba4ae 48.4%, #579cac 51.6%, #5495aa 54.8%, #548da8 58.1%, #5587a7 61.3%, #5780a5 64.5%, #597aa3 67.7%, #5d74a1 71.0%, #626f9e 74.2%, #696c9c 77.4%, #726b9b 80.6%, #7e6c9a 83.9%, #8c709a 87.1%, #9a769a 90.3%, #a77d9a 93.5%, #b1839a 96.8%, #b88899 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0220 123.75) 0.0%, oklch(94.67% 0.0243 127.32) 3.2%, oklch(93.32% 0.0273 132.27) 6.5%, oklch(91.71% 0.0310 138.12) 9.7%, oklch(89.92% 0.0350 144.43) 12.9%, oklch(88.05% 0.0391 150.71) 16.1%, oklch(86.19% 0.0433 156.51) 19.4%, oklch(84.34% 0.0476 161.56) 22.6%, oklch(82.37% 0.0525 166.22) 25.8%, oklch(80.32% 0.0576 170.73) 29.0%, oklch(78.23% 0.0626 175.34) 32.3%, oklch(76.13% 0.0671 180.28) 35.5%, oklch(74.05% 0.0706 185.79) 38.7%, oklch(71.98% 0.0728 192.05) 41.9%, oklch(69.80% 0.0739 198.90) 45.2%, oklch(67.58% 0.0741 206.21) 48.4%, oklch(65.41% 0.0738 213.88) 51.6%, oklch(63.38% 0.0733 221.79) 54.8%, oklch(61.57% 0.0730 229.85) 58.1%, oklch(60.04% 0.0731 237.95) 61.3%, oklch(58.55% 0.0736 246.13) 64.5%, oklch(57.15% 0.0741 254.45) 67.7%, oklch(55.98% 0.0746 262.99) 71.0%, oklch(55.18% 0.0749 271.81) 74.2%, oklch(54.89% 0.0748 280.97) 77.4%, oklch(55.26% 0.0742 290.59) 80.6%, oklch(56.61% 0.0729 301.70) 83.9%, oklch(58.76% 0.0710 313.99) 87.1%, oklch(61.34% 0.0688 326.49) 90.3%, oklch(63.95% 0.0666 338.18) 93.5%, oklch(66.20% 0.0647 348.08) 96.8%, oklch(67.72% 0.0634 355.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.022 | 123.8 |
| 2 | 0.858 | 0.044 | 157.6 |
| 3 | 0.732 | 0.072 | 188.2 |
| 4 | 0.606 | 0.073 | 234.7 |
| 5 | 0.551 | 0.074 | 288.6 |
| 6 | 0.677 | 0.063 | 355.2 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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