# Lilac and sage hydrangea ribbon boutonniere palette

The Lilac and sage hydrangea ribbon boutonniere palette brings together light magenta, purple, blue, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Pink, purple, blue and green linear gradient
- Seed: `kawUnvVb098dIvo5Qz5L7O-jESvO-EbMg`
- Page: https://grabient.com/kawUnvVb098dIvo5Qz5L7O-jESvO-EbMg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.8 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 | `#da98c9` | `oklch(75.98% 0.1006 336.09)` | Girl Power | black, 9.3 to 1 |
| 2 | `#d893cb` | `oklch(74.89% 0.1100 333.81)` | Firm Pink | black, 8.9 to 1 |
| 3 | `#d58bcd` | `oklch(73.39% 0.1235 330.54)` | Pink Punk | black, 8.4 to 1 |
| 4 | `#d083d1` | `oklch(71.59% 0.1389 326.77)` | Purception | black, 7.8 to 1 |
| 5 | `#ca7ad4` | `oklch(69.64% 0.1540 322.98)` | Purple Kush | black, 7.2 to 1 |
| 6 | `#c371d6` | `oklch(67.65% 0.1664 319.66)` | Lavender | black, 6.6 to 1 |
| 7 | `#bb69d7` | `oklch(65.63% 0.1758 317.03)` | Rich Lilac | black, 6.1 to 1 |
| 8 | `#b361d6` | `oklch(63.46% 0.1839 314.76)` | Rich Lilac | black, 5.6 to 1 |
| 9 | `#aa59d4` | `oklch(61.19% 0.1907 312.66)` | Ripe Lavander | black, 5 to 1 |
| 10 | `#a151d1` | `oklch(58.89% 0.1958 310.58)` | Morado Purple | black, 4.6 to 1 |
| 11 | `#974ace` | `oklch(56.64% 0.1992 308.36)` | Morado Purple | white, 5 to 1 |
| 12 | `#8d44ca` | `oklch(54.44% 0.2003 305.88)` | Dreamscape Purple | white, 5.4 to 1 |
| 13 | `#833fc5` | `oklch(52.20% 0.1994 303.21)` | Purple Rain | white, 6 to 1 |
| 14 | `#783bbf` | `oklch(49.96% 0.1966 300.46)` | Purple Rain | white, 6.6 to 1 |
| 15 | `#6d37b9` | `oklch(47.81% 0.1925 297.72)` | Purple Emperor | white, 7.2 to 1 |
| 16 | `#6334b2` | `oklch(45.81% 0.1874 295.08)` | Purple Emperor | white, 7.8 to 1 |
| 17 | `#5a32ab` | `oklch(43.98% 0.1818 292.67)` | Royalty | white, 8.4 to 1 |
| 18 | `#522fa4` | `oklch(42.19% 0.1757 290.71)` | Royalty | white, 9.1 to 1 |
| 19 | `#4b2d9c` | `oklch(40.51% 0.1687 288.89)` | Galactic Purple | white, 9.7 to 1 |
| 20 | `#442d94` | `oklch(39.05% 0.1602 286.89)` | Galactic Purple | white, 10.2 to 1 |
| 21 | `#3e2e8d` | `oklch(37.92% 0.1500 284.36)` | Majestic Eggplant | white, 10.6 to 1 |
| 22 | `#373085` | `oklch(37.22% 0.1373 281.11)` | Cosmic Cobalt | white, 10.8 to 1 |
| 23 | `#34347c` | `oklch(36.87% 0.1197 278.67)` | Ballpoint Indigo | white, 10.8 to 1 |
| 24 | `#333873` | `oklch(36.84% 0.0992 276.29)` | Good Karma | white, 10.7 to 1 |
| 25 | `#323c6a` | `oklch(37.14% 0.0787 272.48)` | Newport Indigo | white, 10.5 to 1 |
| 26 | `#324163` | `oklch(37.78% 0.0612 265.75)` | Black Turmeric | white, 10.1 to 1 |
| 27 | `#32465f` | `oklch(38.78% 0.0496 254.55)` | Spelunking | white, 9.6 to 1 |
| 28 | `#314d5e` | `oklch(40.48% 0.0443 235.95)` | Ingénue Blue | white, 8.9 to 1 |
| 29 | `#31565d` | `oklch(42.76% 0.0435 211.96)` | Green Moonstone | white, 8 to 1 |
| 30 | `#375e5a` | `oklch(45.18% 0.0450 186.72)` | Royal Pine | white, 7.2 to 1 |
| 31 | `#426455` | `oklch(47.35% 0.0473 164.37)` | Stromboli | white, 6.5 to 1 |
| 32 | `#4d6851` | `oklch(48.82% 0.0482 149.05)` | Medium Grey Green | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #da98c9 0.0%, #d893cb 3.2%, #d58bcd 6.5%, #d083d1 9.7%, #ca7ad4 12.9%, #c371d6 16.1%, #bb69d7 19.4%, #b361d6 22.6%, #aa59d4 25.8%, #a151d1 29.0%, #974ace 32.3%, #8d44ca 35.5%, #833fc5 38.7%, #783bbf 41.9%, #6d37b9 45.2%, #6334b2 48.4%, #5a32ab 51.6%, #522fa4 54.8%, #4b2d9c 58.1%, #442d94 61.3%, #3e2e8d 64.5%, #373085 67.7%, #34347c 71.0%, #333873 74.2%, #323c6a 77.4%, #324163 80.6%, #32465f 83.9%, #314d5e 87.1%, #31565d 90.3%, #375e5a 93.5%, #426455 96.8%, #4d6851 100.0%);
background: linear-gradient(90deg in oklch, oklch(75.98% 0.1006 336.09) 0.0%, oklch(74.89% 0.1100 333.81) 3.2%, oklch(73.39% 0.1235 330.54) 6.5%, oklch(71.59% 0.1389 326.77) 9.7%, oklch(69.64% 0.1540 322.98) 12.9%, oklch(67.65% 0.1664 319.66) 16.1%, oklch(65.63% 0.1758 317.03) 19.4%, oklch(63.46% 0.1839 314.76) 22.6%, oklch(61.19% 0.1907 312.66) 25.8%, oklch(58.89% 0.1958 310.58) 29.0%, oklch(56.64% 0.1992 308.36) 32.3%, oklch(54.44% 0.2003 305.88) 35.5%, oklch(52.20% 0.1994 303.21) 38.7%, oklch(49.96% 0.1966 300.46) 41.9%, oklch(47.81% 0.1925 297.72) 45.2%, oklch(45.81% 0.1874 295.08) 48.4%, oklch(43.98% 0.1818 292.67) 51.6%, oklch(42.19% 0.1757 290.71) 54.8%, oklch(40.51% 0.1687 288.89) 58.1%, oklch(39.05% 0.1602 286.89) 61.3%, oklch(37.92% 0.1500 284.36) 64.5%, oklch(37.22% 0.1373 281.11) 67.7%, oklch(36.87% 0.1197 278.67) 71.0%, oklch(36.84% 0.0992 276.29) 74.2%, oklch(37.14% 0.0787 272.48) 77.4%, oklch(37.78% 0.0612 265.75) 80.6%, oklch(38.78% 0.0496 254.55) 83.9%, oklch(40.48% 0.0443 235.95) 87.1%, oklch(42.76% 0.0435 211.96) 90.3%, oklch(45.18% 0.0450 186.72) 93.5%, oklch(47.35% 0.0473 164.37) 96.8%, oklch(48.82% 0.0482 149.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.101 | 336.1 |
| 2 | 0.673 | 0.168 | 319.2 |
| 3 | 0.559 | 0.2 | 307.6 |
| 4 | 0.449 | 0.185 | 293.8 |
| 5 | 0.374 | 0.142 | 282.2 |
| 6 | 0.386 | 0.051 | 256.8 |
| 7 | 0.488 | 0.048 | 149 |

## In these collections

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

## Other forms

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