# Ochre and moss gold border jasmine garland

The Ochre and moss gold border jasmine garland brings together orange, red, purple, and green. 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 red, and its lightest tone is green.

- Also called: Orange, maroon, gray and green linear swatches
- Seed: `kYtGYyRDG86-ivSwCbZx5Qv94rvG`
- Page: https://grabient.com/kYtGYyRDG86-ivSwCbZx5Qv94rvG?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, multicolor
- Hues: two-hue
- 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 | `#d89028` | `oklch(70.87% 0.1406 70.31)` | Autumn Blaze | black, 7.9 to 1 |
| 2 | `#ab4e1c` | `oklch(53.54% 0.1364 44.95)` | Funky Monkey | white, 5.4 to 1 |
| 3 | `#6a2829` | `oklch(37.40% 0.0951 21.70)` | Devil’s Lip | white, 10.7 to 1 |
| 4 | `#443f4e` | `oklch(37.80% 0.0262 301.39)` | Loom of Fate | white, 10.1 to 1 |
| 5 | `#55806e` | `oklch(56.30% 0.0551 166.12)` | Park Bench | black, 4.7 to 1 |
| 6 | `#87bc6f` | `oklch(74.02% 0.1199 136.54)` | Cold Spring | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d89028 0.000% 16.667%, #ab4e1c 16.667% 33.333%, #6a2829 33.333% 50.000%, #443f4e 50.000% 66.667%, #55806e 66.667% 83.333%, #87bc6f 83.333% 100.000%);
background: linear-gradient(90deg, oklch(70.87% 0.1406 70.31) 0.000% 16.667%, oklch(53.54% 0.1364 44.95) 16.667% 33.333%, oklch(37.40% 0.0951 21.70) 33.333% 50.000%, oklch(37.80% 0.0262 301.39) 50.000% 66.667%, oklch(56.30% 0.0551 166.12) 66.667% 83.333%, oklch(74.02% 0.1199 136.54) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.141 | 70.3 |
| 2 | 0.535 | 0.136 | 45 |
| 3 | 0.374 | 0.095 | 21.7 |
| 4 | 0.378 | 0.026 | -58.6 |
| 5 | 0.563 | 0.055 | -193.9 |
| 6 | 0.74 | 0.12 | -223.5 |

## In these collections

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

## Other forms

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