# Forest green gold border jasmine garland

The Forest green gold border jasmine garland brings together green, gold, light yellow, light orange, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is light yellow.

- Also called: Dark green, olive, tan and pink linear swatches
- Seed: `kYXCZvuqC7dswPzwqL8ape59KiOU`
- Page: https://grabient.com/kYXCZvuqC7dswPzwqL8ape59KiOU?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.5 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 | `#254632` | `oklch(36.22% 0.0524 156.80)` | Birōdo Green | white, 10.4 to 1 |
| 2 | `#535f1e` | `oklch(46.06% 0.0896 118.75)` | Obscure Olive | white, 6.9 to 1 |
| 3 | `#a5ac3d` | `oklch(71.65% 0.1323 112.41)` | Sphagnales Moss | black, 8.5 to 1 |
| 4 | `#e4de84` | `oklch(88.58% 0.1116 105.02)` | Crescendo | black, 15 to 1 |
| 5 | `#ecbfa3` | `oklch(83.86% 0.0648 54.29)` | Madrid Beige | black, 12.6 to 1 |
| 6 | `#be768e` | `oklch(64.96% 0.0937 358.28)` | Strawberry Surprise | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #254632 0.000% 16.667%, #535f1e 16.667% 33.333%, #a5ac3d 33.333% 50.000%, #e4de84 50.000% 66.667%, #ecbfa3 66.667% 83.333%, #be768e 83.333% 100.000%);
background: linear-gradient(180deg, oklch(36.22% 0.0524 156.80) 0.000% 16.667%, oklch(46.06% 0.0896 118.75) 16.667% 33.333%, oklch(71.65% 0.1323 112.41) 33.333% 50.000%, oklch(88.58% 0.1116 105.02) 50.000% 66.667%, oklch(83.86% 0.0648 54.29) 66.667% 83.333%, oklch(64.96% 0.0937 358.28) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.052 | 156.8 |
| 2 | 0.461 | 0.09 | 118.8 |
| 3 | 0.717 | 0.132 | 112.4 |
| 4 | 0.886 | 0.112 | 105 |
| 5 | 0.839 | 0.065 | 54.3 |
| 6 | 0.65 | 0.094 | -1.7 |

## In these collections

- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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