# Off-white, turquoise and sage color palette

The Off-white, turquoise and sage color palette brings together light gray, blue, teal, and light green. 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 blue, and its lightest tone is light gray.

- Also called: Gray and blue radial gradient
- Seed: `kW4AdZzpPPdkVOzfFLi7pA9Q`
- Page: https://grabient.com/kW4AdZzpPPdkVOzfFLi7pA9Q?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.6 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 | `#d6d9d2` | `oklch(88.19% 0.0096 125.86)` | Misty Coast | black, 14.7 to 1 |
| 2 | `#ccd3ca` | `oklch(85.83% 0.0135 137.60)` | Celadon Glaze | black, 13.7 to 1 |
| 3 | `#bcc9c0` | `oklch(82.40% 0.0189 154.60)` | Powder Ash | black, 12.2 to 1 |
| 4 | `#a8beb7` | `oklch(78.31% 0.0253 174.92)` | Water Surface | black, 10.7 to 1 |
| 5 | `#94b1b1` | `oklch(73.94% 0.0323 196.61)` | Calcite Blue | black, 9.2 to 1 |
| 6 | `#83a4ae` | `oklch(69.68% 0.0393 217.72)` | Blue Nuthatch | black, 7.8 to 1 |
| 7 | `#7897ab` | `oklch(65.94% 0.0456 236.31)` | Weldon Blue | black, 6.7 to 1 |
| 8 | `#738ca8` | `oklch(63.11% 0.0509 250.42)` | Starset | black, 6 to 1 |
| 9 | `#7186a6` | `oklch(61.56% 0.0545 258.20)` | Cowgirl Blue | black, 5.6 to 1 |
| 10 | `#7085a6` | `oklch(61.22% 0.0567 260.36)` | Berwick Berry | black, 5.5 to 1 |
| 11 | `#7087a9` | `oklch(61.78% 0.0580 258.39)` | Cowgirl Blue | black, 5.7 to 1 |
| 12 | `#708cac` | `oklch(63.01% 0.0586 253.24)` | Distant Sky | black, 6 to 1 |
| 13 | `#7192b0` | `oklch(64.65% 0.0586 245.88)` | Cranberry Blue | black, 6.4 to 1 |
| 14 | `#7299b3` | `oklch(66.45% 0.0584 237.29)` | Ocean View | black, 6.9 to 1 |
| 15 | `#73a0b5` | `oklch(68.18% 0.0580 228.43)` | Grey Blue | black, 7.4 to 1 |
| 16 | `#74a6b6` | `oklch(69.58% 0.0578 220.26)` | Inner Sanctum | black, 7.8 to 1 |
| 17 | `#75aab6` | `oklch(70.47% 0.0580 213.31)` | Snowboard | black, 8.1 to 1 |
| 18 | `#76adb3` | `oklch(71.10% 0.0581 205.62)` | Smoky Mountain Spring | black, 8.3 to 1 |
| 19 | `#77afb0` | `oklch(71.60% 0.0582 197.15)` | Venice Escape | black, 8.5 to 1 |
| 20 | `#7ab1ac` | `oklch(72.03% 0.0582 188.31)` | Galaxy Green | black, 8.7 to 1 |
| 21 | `#7eb2a7` | `oklch(72.47% 0.0581 179.47)` | Intracoastal | black, 8.8 to 1 |
| 22 | `#83b4a3` | `oklch(72.99% 0.0579 171.02)` | Le Max | black, 9 to 1 |
| 23 | `#89b6a0` | `oklch(73.66% 0.0574 163.35)` | Indian Ocean | black, 9.2 to 1 |
| 24 | `#90b89e` | `oklch(74.54% 0.0567 156.85)` | Greyed Jade | black, 9.5 to 1 |
| 25 | `#97bb9f` | `oklch(75.74% 0.0557 151.66)` | Greyed Jade | black, 9.9 to 1 |
| 26 | `#9fbfa2` | `oklch(77.29% 0.0542 147.35)` | Spring Rain | black, 10.4 to 1 |
| 27 | `#a7c4a6` | `oklch(79.08% 0.0524 143.79)` | Green Bark | black, 11.1 to 1 |
| 28 | `#b0c9ab` | `oklch(80.96% 0.0505 140.85)` | Relish | black, 11.8 to 1 |
| 29 | `#b8cfb1` | `oklch(82.83% 0.0485 138.44)` | Kiss of Mint | black, 12.5 to 1 |
| 30 | `#bfd4b6` | `oklch(84.54% 0.0467 136.44)` | Nature | black, 13.2 to 1 |
| 31 | `#c5d8ba` | `oklch(85.98% 0.0452 134.75)` | Vintage Glass | black, 13.9 to 1 |
| 32 | `#c9dbbe` | `oklch(87.01% 0.0441 133.26)` | Bethany | black, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d6d9d2 0.0%, #ccd3ca 3.2%, #bcc9c0 6.5%, #a8beb7 9.7%, #94b1b1 12.9%, #83a4ae 16.1%, #7897ab 19.4%, #738ca8 22.6%, #7186a6 25.8%, #7085a6 29.0%, #7087a9 32.3%, #708cac 35.5%, #7192b0 38.7%, #7299b3 41.9%, #73a0b5 45.2%, #74a6b6 48.4%, #75aab6 51.6%, #76adb3 54.8%, #77afb0 58.1%, #7ab1ac 61.3%, #7eb2a7 64.5%, #83b4a3 67.7%, #89b6a0 71.0%, #90b89e 74.2%, #97bb9f 77.4%, #9fbfa2 80.6%, #a7c4a6 83.9%, #b0c9ab 87.1%, #b8cfb1 90.3%, #bfd4b6 93.5%, #c5d8ba 96.8%, #c9dbbe 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0096 125.86) 0.0%, oklch(85.83% 0.0135 137.60) 3.2%, oklch(82.40% 0.0189 154.60) 6.5%, oklch(78.31% 0.0253 174.92) 9.7%, oklch(73.94% 0.0323 196.61) 12.9%, oklch(69.68% 0.0393 217.72) 16.1%, oklch(65.94% 0.0456 236.31) 19.4%, oklch(63.11% 0.0509 250.42) 22.6%, oklch(61.56% 0.0545 258.20) 25.8%, oklch(61.22% 0.0567 260.36) 29.0%, oklch(61.78% 0.0580 258.39) 32.3%, oklch(63.01% 0.0586 253.24) 35.5%, oklch(64.65% 0.0586 245.88) 38.7%, oklch(66.45% 0.0584 237.29) 41.9%, oklch(68.18% 0.0580 228.43) 45.2%, oklch(69.58% 0.0578 220.26) 48.4%, oklch(70.47% 0.0580 213.31) 51.6%, oklch(71.10% 0.0581 205.62) 54.8%, oklch(71.60% 0.0582 197.15) 58.1%, oklch(72.03% 0.0582 188.31) 61.3%, oklch(72.47% 0.0581 179.47) 64.5%, oklch(72.99% 0.0579 171.02) 67.7%, oklch(73.66% 0.0574 163.35) 71.0%, oklch(74.54% 0.0567 156.85) 74.2%, oklch(75.74% 0.0557 151.66) 77.4%, oklch(77.29% 0.0542 147.35) 80.6%, oklch(79.08% 0.0524 143.79) 83.9%, oklch(80.96% 0.0505 140.85) 87.1%, oklch(82.83% 0.0485 138.44) 90.3%, oklch(84.54% 0.0467 136.44) 93.5%, oklch(85.98% 0.0452 134.75) 96.8%, oklch(87.01% 0.0441 133.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.01 | 125.9 |
| 2 | 0.618 | 0.054 | 256.9 |
| 3 | 0.701 | 0.058 | 216.7 |
| 4 | 0.748 | 0.056 | 155.4 |
| 5 | 0.87 | 0.044 | 133.3 |

## In these collections

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

## Other forms

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