# Moss gold border jasmine garland palette

The Moss gold border jasmine garland palette brings together pale yellow, gold, and green. The colors span a broad 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 pale yellow.

- Also called: Analogous beige to dark green radial gradient
- Seed: `kW7TdIaybAlYvwdBKUENozCo`
- Page: https://grabient.com/kW7TdIaybAlYvwdBKUENozCo?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.6 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 | `#f3ebb1` | `oklch(93.31% 0.0758 101.25)` | Invigorating | black, 17.3 to 1 |
| 2 | `#f1e9ad` | `oklch(92.64% 0.0783 101.60)` | Yellow Jasmine | black, 17 to 1 |
| 3 | `#eee7a7` | `oklch(91.80% 0.0816 101.98)` | Yellow Jasmine | black, 16.5 to 1 |
| 4 | `#ebe4a1` | `oklch(90.80% 0.0856 102.43)` | Bells and Whistles Gold | black, 16.1 to 1 |
| 5 | `#e7e09a` | `oklch(89.66% 0.0900 102.98)` | Reviving Green | black, 15.5 to 1 |
| 6 | `#e3dc92` | `oklch(88.39% 0.0945 103.66)` | Pear Tint | black, 14.9 to 1 |
| 7 | `#ded88a` | `oklch(86.98% 0.0990 104.52)` | Flax Fibre | black, 14.3 to 1 |
| 8 | `#d8d482` | `oklch(85.46% 0.1033 105.58)` | Treasury | black, 13.6 to 1 |
| 9 | `#d2cf7a` | `oklch(83.83% 0.1070 106.89)` | Deco | black, 12.9 to 1 |
| 10 | `#caca72` | `oklch(82.01% 0.1109 108.56)` | Mung Bean | black, 12.2 to 1 |
| 11 | `#c1c569` | `oklch(80.00% 0.1150 110.55)` | Powdered Green Tea | black, 11.4 to 1 |
| 12 | `#b8bf60` | `oklch(77.85% 0.1191 112.76)` | Avocado Cream | black, 10.6 to 1 |
| 13 | `#adb958` | `oklch(75.60% 0.1229 115.07)` | Gooseberry Fool | black, 9.8 to 1 |
| 14 | `#a3b350` | `oklch(73.31% 0.1263 117.37)` | Green Banana | black, 9.1 to 1 |
| 15 | `#98ad48` | `oklch(71.03% 0.1289 119.56)` | Persian Belt | black, 8.4 to 1 |
| 16 | `#8ea742` | `oklch(68.80% 0.1305 121.52)` | Lime It or Leave It | black, 7.7 to 1 |
| 17 | `#85a13c` | `oklch(66.63% 0.1311 123.15)` | New Shoot | black, 7.1 to 1 |
| 18 | `#7c9a37` | `oklch(64.39% 0.1310 124.42)` | Aloe Vera Green | black, 6.5 to 1 |
| 19 | `#749431` | `oklch(62.09% 0.1304 125.44)` | Siskin Sprout | black, 5.9 to 1 |
| 20 | `#6c8d2c` | `oklch(59.79% 0.1291 126.34)` | Olive Thrill | black, 5.4 to 1 |
| 21 | `#648628` | `oklch(57.53% 0.1270 127.26)` | Weeping Fig | black, 4.9 to 1 |
| 22 | `#5d8026` | `oklch(55.38% 0.1239 128.32)` | Straken Green | white, 4.5 to 1 |
| 23 | `#567a26` | `oklch(53.38% 0.1198 129.65)` | Master Chief | white, 4.9 to 1 |
| 24 | `#4f7527` | `oklch(51.59% 0.1145 131.38)` | Luscious Lemongrass | white, 5.3 to 1 |
| 25 | `#49702c` | `oklch(50.02% 0.1075 133.70)` | Druid Green | white, 5.7 to 1 |
| 26 | `#446c31` | `oklch(48.59% 0.0978 136.67)` | Tree Shade | white, 6.1 to 1 |
| 27 | `#406738` | `oklch(47.30% 0.0864 140.08)` | Friendly Fairway | white, 6.4 to 1 |
| 28 | `#3e633d` | `oklch(46.15% 0.0741 143.66)` | Jurassic Park | white, 6.8 to 1 |
| 29 | `#3e5f41` | `oklch(45.13% 0.0619 147.20)` | Cupidity | white, 7.1 to 1 |
| 30 | `#3f5b45` | `oklch(44.26% 0.0506 150.46)` | Royal Hunter Green | white, 7.4 to 1 |
| 31 | `#405847` | `oklch(43.52% 0.0412 153.18)` | Royal Hunter Green | white, 7.7 to 1 |
| 32 | `#415547` | `oklch(42.91% 0.0344 155.14)` | Deep Jungle | white, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3ebb1 0.0%, #f1e9ad 3.2%, #eee7a7 6.5%, #ebe4a1 9.7%, #e7e09a 12.9%, #e3dc92 16.1%, #ded88a 19.4%, #d8d482 22.6%, #d2cf7a 25.8%, #caca72 29.0%, #c1c569 32.3%, #b8bf60 35.5%, #adb958 38.7%, #a3b350 41.9%, #98ad48 45.2%, #8ea742 48.4%, #85a13c 51.6%, #7c9a37 54.8%, #749431 58.1%, #6c8d2c 61.3%, #648628 64.5%, #5d8026 67.7%, #567a26 71.0%, #4f7527 74.2%, #49702c 77.4%, #446c31 80.6%, #406738 83.9%, #3e633d 87.1%, #3e5f41 90.3%, #3f5b45 93.5%, #405847 96.8%, #415547 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.31% 0.0758 101.25) 0.0%, oklch(92.64% 0.0783 101.60) 3.2%, oklch(91.80% 0.0816 101.98) 6.5%, oklch(90.80% 0.0856 102.43) 9.7%, oklch(89.66% 0.0900 102.98) 12.9%, oklch(88.39% 0.0945 103.66) 16.1%, oklch(86.98% 0.0990 104.52) 19.4%, oklch(85.46% 0.1033 105.58) 22.6%, oklch(83.83% 0.1070 106.89) 25.8%, oklch(82.01% 0.1109 108.56) 29.0%, oklch(80.00% 0.1150 110.55) 32.3%, oklch(77.85% 0.1191 112.76) 35.5%, oklch(75.60% 0.1229 115.07) 38.7%, oklch(73.31% 0.1263 117.37) 41.9%, oklch(71.03% 0.1289 119.56) 45.2%, oklch(68.80% 0.1305 121.52) 48.4%, oklch(66.63% 0.1311 123.15) 51.6%, oklch(64.39% 0.1310 124.42) 54.8%, oklch(62.09% 0.1304 125.44) 58.1%, oklch(59.79% 0.1291 126.34) 61.3%, oklch(57.53% 0.1270 127.26) 64.5%, oklch(55.38% 0.1239 128.32) 67.7%, oklch(53.38% 0.1198 129.65) 71.0%, oklch(51.59% 0.1145 131.38) 74.2%, oklch(50.02% 0.1075 133.70) 77.4%, oklch(48.59% 0.0978 136.67) 80.6%, oklch(47.30% 0.0864 140.08) 83.9%, oklch(46.15% 0.0741 143.66) 87.1%, oklch(45.13% 0.0619 147.20) 90.3%, oklch(44.26% 0.0506 150.46) 93.5%, oklch(43.52% 0.0412 153.18) 96.8%, oklch(42.91% 0.0344 155.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.076 | 101.3 |
| 2 | 0.843 | 0.106 | 106.5 |
| 3 | 0.677 | 0.131 | 122.4 |
| 4 | 0.512 | 0.113 | 131.9 |
| 5 | 0.429 | 0.034 | 155.1 |

## In these collections

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

## Other forms

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