# Off-white, sky blue and sage color palette

The Off-white, sky blue and sage color palette brings together off-white, pale teal, and light teal. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light teal, and its lightest tone is off-white.

- Also called: Monochrome white, light blue and gray linear gradient
- Seed: `kU_gGD-ZHCmsTv5gjT3g`
- Page: https://grabient.com/kU_gGD-ZHCmsTv5gjT3g
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#ffffff` | `oklch(100.00% 0.0000 197.09)` | White | black, 20.9 to 1 |
| 2 | `#ebffff` | `oklch(98.55% 0.0207 196.26)` | Aphrodite’s Pearls | black, 20.2 to 1 |
| 3 | `#d1f9ff` | `oklch(95.67% 0.0416 207.09)` | Pale Blue | black, 18.7 to 1 |
| 4 | `#b5eaf2` | `oklch(90.21% 0.0550 207.97)` | First of July | black, 15.9 to 1 |
| 5 | `#a3d6db` | `oklch(84.25% 0.0537 203.94)` | Rapture Blue | black, 13.2 to 1 |
| 6 | `#9bc5c5` | `oklch(79.40% 0.0451 195.29)` | Favourite Sweater | black, 11.2 to 1 |
| 7 | `#98b9b5` | `oklch(75.98% 0.0358 187.04)` | Teal Tree | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffffff 0.0%, #ebffff 16.7%, #d1f9ff 33.3%, #b5eaf2 50.0%, #a3d6db 66.7%, #9bc5c5 83.3%, #98b9b5 100.0%);
background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 197.09) 0.0%, oklch(98.55% 0.0207 196.26) 16.7%, oklch(95.67% 0.0416 207.09) 33.3%, oklch(90.21% 0.0550 207.97) 50.0%, oklch(84.25% 0.0537 203.94) 66.7%, oklch(79.40% 0.0451 195.29) 83.3%, oklch(75.98% 0.0358 187.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0.001 | 184.9 |
| 2 | 0.957 | 0.048 | 207.1 |
| 3 | 0.843 | 0.054 | 203.9 |
| 4 | 0.76 | 0.036 | 187 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)
- [Cyan gradients](https://grabient.com/cyan-gradients)
- [Teal gradients](https://grabient.com/teal-gradients)
- [Ocean swatches](https://grabient.com/ocean-swatches)
- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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