# Blue and peach hydrangea ribbon boutonniere palette

The Blue and peach hydrangea ribbon boutonniere palette brings together blue, light teal, light green, and light orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Complementary blue, gray and tan linear swatches
- Seed: `kWgEG5UiA9eQVvRrCTeZJG1I`
- Page: https://grabient.com/kWgEG5UiA9eQVvRrCTeZJG1I?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.6 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 | `#466497` | `oklch(50.39% 0.0896 260.16)` | Dutch Blue | white, 5.9 to 1 |
| 2 | `#528bb7` | `oklch(61.51% 0.0903 243.79)` | Blueberry Festival | black, 5.7 to 1 |
| 3 | `#78b3ce` | `oklch(73.69% 0.0725 227.94)` | Tidal Basin | black, 9.1 to 1 |
| 4 | `#a5cecb` | `oklch(82.08% 0.0431 190.71)` | Mystery | black, 12.2 to 1 |
| 5 | `#c6cdbb` | `oklch(83.83% 0.0262 125.57)` | Green Alabaster | black, 12.8 to 1 |
| 6 | `#d5b39f` | `oklch(79.13% 0.0482 53.03)` | Soba | black, 10.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #466497 0.000% 16.667%, #528bb7 16.667% 33.333%, #78b3ce 33.333% 50.000%, #a5cecb 50.000% 66.667%, #c6cdbb 66.667% 83.333%, #d5b39f 83.333% 100.000%);
background: linear-gradient(90deg, oklch(50.39% 0.0896 260.16) 0.000% 16.667%, oklch(61.51% 0.0903 243.79) 16.667% 33.333%, oklch(73.69% 0.0725 227.94) 33.333% 50.000%, oklch(82.08% 0.0431 190.71) 50.000% 66.667%, oklch(83.83% 0.0262 125.57) 66.667% 83.333%, oklch(79.13% 0.0482 53.03) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.09 | 260.2 |
| 2 | 0.646 | 0.088 | 239 |
| 3 | 0.787 | 0.059 | 214.7 |
| 4 | 0.843 | 0.025 | 143.9 |
| 5 | 0.791 | 0.048 | 53 |

## In these collections

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

## Other forms

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