# Blue and ochre garden palette

The Blue and ochre garden palette brings together light blue, light green, and gold. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is gold, and its lightest tone is light blue.

- Also called: Seamless pastel blue, gray and tan radial swatches
- Seed: `kY2CSkaJEz-UwO7lr7_6JHEWwSTC`
- Page: https://grabient.com/kY2CSkaJEz-UwO7lr7_6JHEWwSTC?style=radialSwatches&steps=6&angle=45
- Drawn as: radial swatches, 6 steps, 45 degrees
- Kinds: even lightness, pastel, light, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.2 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 | `#aed5e9` | `oklch(85.04% 0.0496 230.62)` | Ariel | black, 13.4 to 1 |
| 2 | `#bccbac` | `oklch(82.28% 0.0469 129.18)` | Pale Leaf | black, 12.3 to 1 |
| 3 | `#d9ba4c` | `oklch(79.53% 0.1323 93.25)` | Buried Gold | black, 11 to 1 |
| 4 | `#dabb4f` | `oklch(79.92% 0.1309 93.25)` | Buried Gold | black, 11.2 to 1 |
| 5 | `#bbccab` | `oklch(82.28% 0.0482 130.23)` | Enamel Green | black, 12.3 to 1 |
| 6 | `#afd4ea` | `oklch(85.04% 0.0496 233.80)` | Chapel Blue | black, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #aed5e9 0.000% 16.667%, #bccbac 16.667% 33.333%, #d9ba4c 33.333% 50.000%, #dabb4f 50.000% 66.667%, #bbccab 66.667% 83.333%, #afd4ea 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(85.04% 0.0496 230.62) 0.000% 16.667%, oklch(82.28% 0.0469 129.18) 16.667% 33.333%, oklch(79.53% 0.1323 93.25) 33.333% 50.000%, oklch(79.92% 0.1309 93.25) 50.000% 66.667%, oklch(82.28% 0.0482 130.23) 66.667% 83.333%, oklch(85.04% 0.0496 233.80) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.05 | 230.6 |
| 2 | 0.823 | 0.047 | 129.2 |
| 3 | 0.795 | 0.132 | 93.2 |
| 4 | 0.799 | 0.131 | 93.2 |
| 5 | 0.823 | 0.048 | 130.2 |
| 6 | 0.85 | 0.05 | 233.8 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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