# Off-white, sky blue and sage floral palette

The Off-white, sky blue and sage floral palette brings together off-white, pale blue, light blue, blue, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: White, light blue and green angular swatches
- Seed: `kY8QBKcBDPF6hwzOssGyKW_tCYMW`
- Page: https://grabient.com/kY8QBKcBDPF6hwzOssGyKW_tCYMW?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#eeeeee` | `oklch(94.88% 0.0000 89.88)` | Super Silver | black, 18 to 1 |
| 2 | `#bbdef1` | `oklch(88.19% 0.0455 231.93)` | Fountains of Budapest | black, 14.8 to 1 |
| 3 | `#89ade7` | `oklch(74.41% 0.0923 259.40)` | Queer Blue | black, 9.2 to 1 |
| 4 | `#6d7dd8` | `oklch(61.81% 0.1392 274.20)` | Kickstart Purple | black, 5.5 to 1 |
| 5 | `#6373b5` | `oklch(57.09% 0.1033 272.09)` | Wild Pansy | black, 4.6 to 1 |
| 6 | `#6e9675` | `oklch(63.39% 0.0661 149.50)` | Tabbouleh | black, 6.2 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #eeeeee 0.000% 16.667%, #bbdef1 16.667% 33.333%, #89ade7 33.333% 50.000%, #6d7dd8 50.000% 66.667%, #6373b5 66.667% 83.333%, #6e9675 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(94.88% 0.0000 89.88) 0.000% 16.667%, oklch(88.19% 0.0455 231.93) 16.667% 33.333%, oklch(74.41% 0.0923 259.40) 33.333% 50.000%, oklch(61.81% 0.1392 274.20) 50.000% 66.667%, oklch(57.09% 0.1033 272.09) 66.667% 83.333%, oklch(63.39% 0.0661 149.50) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0 | 104.1 |
| 2 | 0.882 | 0.045 | 231.9 |
| 3 | 0.744 | 0.092 | 259.4 |
| 4 | 0.618 | 0.139 | 274.2 |
| 5 | 0.571 | 0.103 | 272.1 |
| 6 | 0.634 | 0.066 | 149.5 |

## In these collections

- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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