# Terracotta and dusty blue hydrangea ribbon boutonniere

The Terracotta and dusty blue hydrangea ribbon boutonniere brings together light orange, orange, red, purple, and blue. 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 purple, and its lightest tone is light orange.

- Also called: Tan, purple and gray linear swatches
- Seed: `kYukAqSp2-jgPvGzjzaQJO99SNwa`
- Page: https://grabient.com/kYukAqSp2-jgPvGzjzaQJO99SNwa?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: dark center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#d29b70` | `oklch(73.23% 0.0882 59.06)` | Rustic Adobe | black, 8.6 to 1 |
| 2 | `#a46d51` | `oklch(58.66% 0.0813 47.44)` | Hazel | black, 4.8 to 1 |
| 3 | `#69494a` | `oklch(44.09% 0.0427 17.85)` | Chocolate Eclair | white, 7.9 to 1 |
| 4 | `#4c445d` | `oklch(40.55% 0.0413 298.59)` | Purple Blanket | white, 9.1 to 1 |
| 5 | `#606284` | `oklch(50.79% 0.0537 281.68)` | Pharaoh Purple | white, 5.8 to 1 |
| 6 | `#9690a9` | `oklch(66.54% 0.0372 296.48)` | Cosmic Energy | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d29b70 0.000% 16.667%, #a46d51 16.667% 33.333%, #69494a 33.333% 50.000%, #4c445d 50.000% 66.667%, #606284 66.667% 83.333%, #9690a9 83.333% 100.000%);
background: linear-gradient(135deg, oklch(73.23% 0.0882 59.06) 0.000% 16.667%, oklch(58.66% 0.0813 47.44) 16.667% 33.333%, oklch(44.09% 0.0427 17.85) 33.333% 50.000%, oklch(40.55% 0.0413 298.59) 50.000% 66.667%, oklch(50.79% 0.0537 281.68) 66.667% 83.333%, oklch(66.54% 0.0372 296.48) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.088 | 59.1 |
| 2 | 0.587 | 0.081 | 47.4 |
| 3 | 0.441 | 0.043 | 17.8 |
| 4 | 0.406 | 0.041 | -61.4 |
| 5 | 0.508 | 0.054 | -78.3 |
| 6 | 0.665 | 0.037 | -63.5 |

## In these collections

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

## Other forms

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