# Hydrangea Ribbon Garden Bands

Five horizontal swatches pair deep blue and dusty blue with pale lavender, muted gold, and leaf green. The balanced floral inventory suits hydrangea boutonnieres, ribbon selections, wedding stationery, garden cards, and editorial accents that need cool petals, a warm fastening detail, and natural foliage in clear bands.

- Also called: Navy, lavender, tan and green linear swatches
- Seed: `kWUiC0Rpo_WeUyRiqE7vxlE4`
- Page: https://grabient.com/kWUiC0Rpo_WeUyRiqE7vxlE4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.9 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 | `#23354a` | `oklch(32.28% 0.0441 253.12)` | Bunting | white, 12.5 to 1 |
| 2 | `#50779b` | `oklch(55.51% 0.0717 247.84)` | Antarctic Blue | white, 4.7 to 1 |
| 3 | `#d6b7d7` | `oklch(81.50% 0.0565 324.98)` | Lilac Haze | black, 11.5 to 1 |
| 4 | `#cfb45e` | `oklch(77.56% 0.1102 91.79)` | Tanami Desert | black, 10.3 to 1 |
| 5 | `#526b42` | `oklch(49.61% 0.0689 134.06)` | Pacific Pine | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #23354a 0.000% 20.000%, #50779b 20.000% 40.000%, #d6b7d7 40.000% 60.000%, #cfb45e 60.000% 80.000%, #526b42 80.000% 100.000%);
background: linear-gradient(90deg, oklch(32.28% 0.0441 253.12) 0.000% 20.000%, oklch(55.51% 0.0717 247.84) 20.000% 40.000%, oklch(81.50% 0.0565 324.98) 40.000% 60.000%, oklch(77.56% 0.1102 91.79) 60.000% 80.000%, oklch(49.61% 0.0689 134.06) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.044 | 253.1 |
| 2 | 0.555 | 0.072 | 247.8 |
| 3 | 0.815 | 0.056 | 325 |
| 4 | 0.776 | 0.11 | 451.8 |
| 5 | 0.496 | 0.069 | 494.1 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)

## Other forms

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