# Pale sage and blue color palette

The Pale sage and blue color palette brings together off-white, pale green, blue, and purple. 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 purple, and its lightest tone is off-white.

- Also called: Gray, blue and purple radial gradient
- Seed: `kU8w1ecQzDdIbzC6kcQA`
- Page: https://grabient.com/kU8w1ecQzDdIbzC6kcQA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 6.4 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 | `#ecf3e7` | `oklch(95.67% 0.0179 132.19)` | Glacier Ivy | black, 18.6 to 1 |
| 2 | `#ebf3e6` | `oklch(95.36% 0.0188 133.57)` | Glacier Ivy | black, 18.4 to 1 |
| 3 | `#e9f2e5` | `oklch(95.06% 0.0197 134.93)` | Green Glaze | black, 18.2 to 1 |
| 4 | `#e7f1e3` | `oklch(94.75% 0.0208 136.40)` | Spearmint Stick | black, 18.1 to 1 |
| 5 | `#e5f0e2` | `oklch(94.38% 0.0220 138.09)` | Mount Eden | black, 17.9 to 1 |
| 6 | `#e3efe0` | `oklch(93.93% 0.0234 140.13)` | Sun Bleached Mint | black, 17.7 to 1 |
| 7 | `#e0eedf` | `oklch(93.38% 0.0249 142.63)` | Hill Giant | black, 17.4 to 1 |
| 8 | `#dcecdc` | `oklch(92.68% 0.0267 145.71)` | Cottage Green | black, 17 to 1 |
| 9 | `#d7eada` | `oklch(91.82% 0.0287 149.51)` | Light Enchanted | black, 16.6 to 1 |
| 10 | `#d1e7d7` | `oklch(90.76% 0.0310 154.12)` | Moonlight Green | black, 16.1 to 1 |
| 11 | `#cae4d5` | `oklch(89.46% 0.0335 159.69)` | Duck Egg Cream | black, 15.5 to 1 |
| 12 | `#c1dfd2` | `oklch(87.89% 0.0365 166.50)` | Otto Ice | black, 14.7 to 1 |
| 13 | `#b6dacf` | `oklch(85.98% 0.0405 175.03)` | Balmy Seas | black, 13.9 to 1 |
| 14 | `#aad4cd` | `oklch(83.79% 0.0451 184.94)` | Sinbad | black, 13 to 1 |
| 15 | `#9dcdcd` | `oklch(81.38% 0.0501 195.85)` | Clear Cove | black, 12 to 1 |
| 16 | `#90c5cc` | `oklch(78.83% 0.0553 207.36)` | Cerulean Skies | black, 11 to 1 |
| 17 | `#86bbcc` | `oklch(76.18% 0.0604 219.10)` | Juvie | black, 10 to 1 |
| 18 | `#7fb1cb` | `oklch(73.51% 0.0652 230.66)` | Frisky Blue | black, 9 to 1 |
| 19 | `#7aa7c9` | `oklch(70.88% 0.0694 241.66)` | Mirror Lake | black, 8.2 to 1 |
| 20 | `#789dc6` | `oklch(68.36% 0.0728 251.72)` | Cottage Blue | black, 7.4 to 1 |
| 21 | `#7893c1` | `oklch(66.01% 0.0750 260.45)` | King Neptune | black, 6.7 to 1 |
| 22 | `#778bbb` | `oklch(63.87% 0.0759 267.52)` | Larkspur Bouquet | black, 6.1 to 1 |
| 23 | `#7782b3` | `oklch(61.76% 0.0754 273.45)` | Venture Violet | black, 5.6 to 1 |
| 24 | `#757bab` | `oklch(59.62% 0.0737 278.55)` | Minuet Lilac | black, 5.1 to 1 |
| 25 | `#7374a2` | `oklch(57.51% 0.0710 282.90)` | Hyacinth Mauve | black, 4.7 to 1 |
| 26 | `#706d99` | `oklch(55.45% 0.0677 286.60)` | Thirsty Thursday | white, 4.8 to 1 |
| 27 | `#6c6790` | `oklch(53.47% 0.0640 289.73)` | Wild Wisteria | white, 5.2 to 1 |
| 28 | `#686288` | `oklch(51.61% 0.0601 292.40)` | Twilight Purple | white, 5.7 to 1 |
| 29 | `#655d80` | `oklch(49.91% 0.0563 294.69)` | Purple Valley | white, 6.1 to 1 |
| 30 | `#615979` | `oklch(48.39% 0.0529 296.69)` | Taylor | white, 6.5 to 1 |
| 31 | `#5f5574` | `oklch(47.10% 0.0501 298.50)` | Taylor | white, 6.9 to 1 |
| 32 | `#5c526f` | `oklch(46.06% 0.0482 300.21)` | Arraign | white, 7.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ecf3e7 0.0%, #ebf3e6 3.2%, #e9f2e5 6.5%, #e7f1e3 9.7%, #e5f0e2 12.9%, #e3efe0 16.1%, #e0eedf 19.4%, #dcecdc 22.6%, #d7eada 25.8%, #d1e7d7 29.0%, #cae4d5 32.3%, #c1dfd2 35.5%, #b6dacf 38.7%, #aad4cd 41.9%, #9dcdcd 45.2%, #90c5cc 48.4%, #86bbcc 51.6%, #7fb1cb 54.8%, #7aa7c9 58.1%, #789dc6 61.3%, #7893c1 64.5%, #778bbb 67.7%, #7782b3 71.0%, #757bab 74.2%, #7374a2 77.4%, #706d99 80.6%, #6c6790 83.9%, #686288 87.1%, #655d80 90.3%, #615979 93.5%, #5f5574 96.8%, #5c526f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0179 132.19) 0.0%, oklch(95.36% 0.0188 133.57) 3.2%, oklch(95.06% 0.0197 134.93) 6.5%, oklch(94.75% 0.0208 136.40) 9.7%, oklch(94.38% 0.0220 138.09) 12.9%, oklch(93.93% 0.0234 140.13) 16.1%, oklch(93.38% 0.0249 142.63) 19.4%, oklch(92.68% 0.0267 145.71) 22.6%, oklch(91.82% 0.0287 149.51) 25.8%, oklch(90.76% 0.0310 154.12) 29.0%, oklch(89.46% 0.0335 159.69) 32.3%, oklch(87.89% 0.0365 166.50) 35.5%, oklch(85.98% 0.0405 175.03) 38.7%, oklch(83.79% 0.0451 184.94) 41.9%, oklch(81.38% 0.0501 195.85) 45.2%, oklch(78.83% 0.0553 207.36) 48.4%, oklch(76.18% 0.0604 219.10) 51.6%, oklch(73.51% 0.0652 230.66) 54.8%, oklch(70.88% 0.0694 241.66) 58.1%, oklch(68.36% 0.0728 251.72) 61.3%, oklch(66.01% 0.0750 260.45) 64.5%, oklch(63.87% 0.0759 267.52) 67.7%, oklch(61.76% 0.0754 273.45) 71.0%, oklch(59.62% 0.0737 278.55) 74.2%, oklch(57.51% 0.0710 282.90) 77.4%, oklch(55.45% 0.0677 286.60) 80.6%, oklch(53.47% 0.0640 289.73) 83.9%, oklch(51.61% 0.0601 292.40) 87.1%, oklch(49.91% 0.0563 294.69) 90.3%, oklch(48.39% 0.0529 296.69) 93.5%, oklch(47.10% 0.0501 298.50) 96.8%, oklch(46.06% 0.0482 300.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.018 | 132.2 |
| 2 | 0.89 | 0.034 | 161.8 |
| 3 | 0.646 | 0.076 | 265.3 |
| 4 | 0.461 | 0.048 | 300.2 |

## In these collections

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

## Other forms

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