# Sage and crimson gold border jasmine garland

The Sage and crimson gold border jasmine garland brings together green, light yellow, light orange, orange, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is light orange.

- Also called: Gray, green, peach and brown angular swatches
- Seed: `kYdB5g1rO-esePttFzpWqs_j4qPE`
- Page: https://grabient.com/kYdB5g1rO-esePttFzpWqs_j4qPE?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#4d5d46` | `oklch(45.67% 0.0413 135.70)` | Muddy Olive | white, 7.1 to 1 |
| 2 | `#88a636` | `oklch(68.11% 0.1419 123.02)` | Beautiful Mint | black, 7.5 to 1 |
| 3 | `#cbd293` | `oklch(84.25% 0.0827 113.51)` | Pistachio Cream | black, 13.1 to 1 |
| 4 | `#eec9a5` | `oklch(85.83% 0.0634 65.96)` | Peaches’n’Cream | black, 13.5 to 1 |
| 5 | `#d6914e` | `oklch(71.26% 0.1185 62.79)` | Salt Caramel | black, 8 to 1 |
| 6 | `#964333` | `oklch(48.82% 0.1157 32.14)` | Tia Maria | white, 6.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #4d5d46 0.000% 16.667%, #88a636 16.667% 33.333%, #cbd293 33.333% 50.000%, #eec9a5 50.000% 66.667%, #d6914e 66.667% 83.333%, #964333 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(45.67% 0.0413 135.70) 0.000% 16.667%, oklch(68.11% 0.1419 123.02) 16.667% 33.333%, oklch(84.25% 0.0827 113.51) 33.333% 50.000%, oklch(85.83% 0.0634 65.96) 50.000% 66.667%, oklch(71.26% 0.1185 62.79) 66.667% 83.333%, oklch(48.82% 0.1157 32.14) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.457 | 0.041 | 135.7 |
| 2 | 0.681 | 0.142 | 123 |
| 3 | 0.843 | 0.083 | 113.5 |
| 4 | 0.858 | 0.063 | 66 |
| 5 | 0.713 | 0.119 | 62.8 |
| 6 | 0.488 | 0.116 | 32.1 |

## In these collections

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

## Other forms

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