# Garden Vow Ribbons

Five bands move from pale cream through silver gray, plum, olive, and finish in pale cream. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. It suits invitations, beauty packaging, soft campaigns, and intimate editorial backgrounds.

- Also called: Beige, gray, maroon and pink linear swatches
- Seed: `kW5Ropaos2TIqwxgkc66RQxQ`
- Page: https://grabient.com/kW5Ropaos2TIqwxgkc66RQxQ?style=linearSwatches&steps=5&angle=225
- Drawn as: linear swatches, 5 steps, 225 degrees
- Kinds: dark center, pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#f2d9c8` | `oklch(90.16% 0.0358 57.66)` | York Bisque | black, 15.5 to 1 |
| 2 | `#d8c3d2` | `oklch(83.86% 0.0303 336.29)` | Chinaberry Bloom | black, 12.6 to 1 |
| 3 | `#762340` | `oklch(39.37% 0.1171 2.71)` | Caviar Couture | white, 10 to 1 |
| 4 | `#a8b797` | `oklch(75.98% 0.0482 127.40)` | Norwich Green | black, 9.9 to 1 |
| 5 | `#e7b8c2` | `oklch(82.68% 0.0551 3.76)` | Acadia Bloom | black, 12 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f2d9c8 0.000% 20.000%, #d8c3d2 20.000% 40.000%, #762340 40.000% 60.000%, #a8b797 60.000% 80.000%, #e7b8c2 80.000% 100.000%);
background: linear-gradient(225deg, oklch(90.16% 0.0358 57.66) 0.000% 20.000%, oklch(83.86% 0.0303 336.29) 20.000% 40.000%, oklch(39.37% 0.1171 2.71) 40.000% 60.000%, oklch(75.98% 0.0482 127.40) 60.000% 80.000%, oklch(82.68% 0.0551 3.76) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.036 | 57.7 |
| 2 | 0.839 | 0.03 | -23.7 |
| 3 | 0.394 | 0.117 | 2.7 |
| 4 | 0.76 | 0.048 | 127.4 |
| 5 | 0.827 | 0.055 | 3.8 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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