# Blue and sage hydrangea ribbon boutonniere palette

The Blue and sage hydrangea ribbon boutonniere palette brings together dark blue, dark gray, teal, green, and light blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light blue.

- Also called: Analogous black, teal and light blue radial gradient
- Seed: `kYMhzIoYi77UNN7Jlj7WJLA90Nxy`
- Page: https://grabient.com/kYMhzIoYi77UNN7Jlj7WJLA90Nxy?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark to light, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.7 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 | `#131326` | `oklch(19.69% 0.0386 281.95)` | Corbeau | white, 18.3 to 1 |
| 2 | `#131527` | `oklch(20.29% 0.0367 278.81)` | Sambucus | white, 18 to 1 |
| 3 | `#141728` | `oklch(21.04% 0.0338 274.81)` | Sambucus | white, 17.7 to 1 |
| 4 | `#151a29` | `oklch(21.97% 0.0306 269.94)` | Sambucus | white, 17.3 to 1 |
| 5 | `#171d2a` | `oklch(23.09% 0.0274 264.16)` | Coarse Wool | white, 16.8 to 1 |
| 6 | `#19212c` | `oklch(24.44% 0.0249 257.45)` | Hēi Sè Black | white, 16.2 to 1 |
| 7 | `#1b252f` | `oklch(26.03% 0.0235 249.79)` | Abyssal Anchorfish Blue | white, 15.5 to 1 |
| 8 | `#1e2a33` | `oklch(27.93% 0.0236 240.46)` | Infinity | white, 14.5 to 1 |
| 9 | `#213138` | `oklch(30.18% 0.0246 228.71)` | Elderberry Black | white, 13.4 to 1 |
| 10 | `#25383d` | `oklch(32.68% 0.0265 215.71)` | Petrol Slumber | white, 12.2 to 1 |
| 11 | `#294042` | `oklch(35.33% 0.0289 202.66)` | Liquorice Green | white, 11 to 1 |
| 12 | `#2e4846` | `oklch(38.04% 0.0316 190.77)` | Platoon Green | white, 9.8 to 1 |
| 13 | `#34504b` | `oklch(40.70% 0.0346 181.26)` | Silk Crepe Grey | white, 8.7 to 1 |
| 14 | `#3a584f` | `oklch(43.28% 0.0379 175.02)` | Midnight Clover | white, 7.8 to 1 |
| 15 | `#3f6055` | `oklch(45.95% 0.0422 171.21)` | Emerson | white, 6.9 to 1 |
| 16 | `#44685b` | `oklch(48.67% 0.0471 169.23)` | June Ivy | white, 6.1 to 1 |
| 17 | `#487162` | `oklch(51.37% 0.0520 168.52)` | Christmas Ivy | white, 5.5 to 1 |
| 18 | `#4d7969` | `oklch(54.00% 0.0564 168.57)` | Hooker’s Green | white, 4.9 to 1 |
| 19 | `#518170` | `oklch(56.48% 0.0595 168.84)` | Blackberry Leaf Green | black, 4.7 to 1 |
| 20 | `#578976` | `oklch(58.77% 0.0610 168.82)` | Privet Hedge | black, 5.2 to 1 |
| 21 | `#5e8f7d` | `oklch(61.00% 0.0609 168.53)` | Sheffield | black, 5.7 to 1 |
| 22 | `#659683` | `oklch(63.14% 0.0596 168.42)` | Grandview | black, 6.2 to 1 |
| 23 | `#6c9b8a` | `oklch(65.15% 0.0575 168.92)` | Cyprus Green | black, 6.7 to 1 |
| 24 | `#73a190` | `oklch(66.99% 0.0551 170.48)` | Mizuasagi Green | black, 7.2 to 1 |
| 25 | `#78a597` | `oklch(68.60% 0.0527 173.53)` | Twining Vine | black, 7.6 to 1 |
| 26 | `#7ca99e` | `oklch(69.93% 0.0506 178.54)` | Scenario | black, 8 to 1 |
| 27 | `#7faca6` | `oklch(70.94% 0.0484 186.80)` | Green Room | black, 8.3 to 1 |
| 28 | `#82adae` | `oklch(71.70% 0.0458 197.67)` | Hydrology | black, 8.5 to 1 |
| 29 | `#86adb4` | `oklch(72.24% 0.0432 209.73)` | Aquitaine | black, 8.6 to 1 |
| 30 | `#8badb9` | `oklch(72.64% 0.0408 221.53)` | Thermocline | black, 8.7 to 1 |
| 31 | `#90acbc` | `oklch(72.95% 0.0387 231.64)` | New Toile | black, 8.8 to 1 |
| 32 | `#94acbe` | `oklch(73.23% 0.0372 238.63)` | Cotton Denim | black, 8.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #131326 0.0%, #131527 3.2%, #141728 6.5%, #151a29 9.7%, #171d2a 12.9%, #19212c 16.1%, #1b252f 19.4%, #1e2a33 22.6%, #213138 25.8%, #25383d 29.0%, #294042 32.3%, #2e4846 35.5%, #34504b 38.7%, #3a584f 41.9%, #3f6055 45.2%, #44685b 48.4%, #487162 51.6%, #4d7969 54.8%, #518170 58.1%, #578976 61.3%, #5e8f7d 64.5%, #659683 67.7%, #6c9b8a 71.0%, #73a190 74.2%, #78a597 77.4%, #7ca99e 80.6%, #7faca6 83.9%, #82adae 87.1%, #86adb4 90.3%, #8badb9 93.5%, #90acbc 96.8%, #94acbe 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(19.69% 0.0386 281.95) 0.0%, oklch(20.29% 0.0367 278.81) 3.2%, oklch(21.04% 0.0338 274.81) 6.5%, oklch(21.97% 0.0306 269.94) 9.7%, oklch(23.09% 0.0274 264.16) 12.9%, oklch(24.44% 0.0249 257.45) 16.1%, oklch(26.03% 0.0235 249.79) 19.4%, oklch(27.93% 0.0236 240.46) 22.6%, oklch(30.18% 0.0246 228.71) 25.8%, oklch(32.68% 0.0265 215.71) 29.0%, oklch(35.33% 0.0289 202.66) 32.3%, oklch(38.04% 0.0316 190.77) 35.5%, oklch(40.70% 0.0346 181.26) 38.7%, oklch(43.28% 0.0379 175.02) 41.9%, oklch(45.95% 0.0422 171.21) 45.2%, oklch(48.67% 0.0471 169.23) 48.4%, oklch(51.37% 0.0520 168.52) 51.6%, oklch(54.00% 0.0564 168.57) 54.8%, oklch(56.48% 0.0595 168.84) 58.1%, oklch(58.77% 0.0610 168.82) 61.3%, oklch(61.00% 0.0609 168.53) 64.5%, oklch(63.14% 0.0596 168.42) 67.7%, oklch(65.15% 0.0575 168.92) 71.0%, oklch(66.99% 0.0551 170.48) 74.2%, oklch(68.60% 0.0527 173.53) 77.4%, oklch(69.93% 0.0506 178.54) 80.6%, oklch(70.94% 0.0484 186.80) 83.9%, oklch(71.70% 0.0458 197.67) 87.1%, oklch(72.24% 0.0432 209.73) 90.3%, oklch(72.64% 0.0408 221.53) 93.5%, oklch(72.95% 0.0387 231.64) 96.8%, oklch(73.23% 0.0372 238.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.039 | 282 |
| 2 | 0.264 | 0.023 | 248.1 |
| 3 | 0.417 | 0.036 | 178.4 |
| 4 | 0.579 | 0.061 | 168.9 |
| 5 | 0.697 | 0.051 | 177.3 |
| 6 | 0.732 | 0.037 | 238.6 |

## In these collections

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

## Other forms

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