# Olive and moss glass palette

The Olive and moss glass palette brings together green, light green, and pale yellow. 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 dark green to beige linear gradient
- Seed: `kUaztf0Cq-ucjv10kr9g`
- Page: https://grabient.com/kUaztf0Cq-ucjv10kr9g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, pastel
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#3a5727` | `oklch(42.13% 0.0813 134.30)` | Verdun Green | white, 8.1 to 1 |
| 2 | `#3d5a28` | `oklch(43.33% 0.0836 133.67)` | Parsley | white, 7.7 to 1 |
| 3 | `#425f2a` | `oklch(44.89% 0.0868 132.84)` | Obscure Olive | white, 7.2 to 1 |
| 4 | `#47642b` | `oklch(46.74% 0.0907 131.84)` | Dell | white, 6.6 to 1 |
| 5 | `#4d6b2d` | `oklch(48.81% 0.0951 130.73)` | Green Leaf | white, 6.1 to 1 |
| 6 | `#53712f` | `oklch(51.04% 0.0997 129.55)` | Loren Forest | white, 5.5 to 1 |
| 7 | `#5b7831` | `oklch(53.37% 0.1042 128.33)` | Luck of the Irish | white, 5 to 1 |
| 8 | `#627f34` | `oklch(55.73% 0.1084 127.12)` | Dirty Green | black, 4.6 to 1 |
| 9 | `#6a8636` | `oklch(58.06% 0.1121 125.97)` | Sun Valley | black, 5 to 1 |
| 10 | `#718d39` | `oklch(60.28% 0.1149 124.91)` | Pesto di Rucola | black, 5.5 to 1 |
| 11 | `#79933d` | `oklch(62.35% 0.1168 124.00)` | Fresh Herb | black, 6 to 1 |
| 12 | `#7f9842` | `oklch(64.25% 0.1175 123.24)` | Antique Moss | black, 6.5 to 1 |
| 13 | `#869e47` | `oklch(66.15% 0.1174 122.57)` | Nasturtium Shoot | black, 6.9 to 1 |
| 14 | `#8ca44d` | `oklch(68.05% 0.1167 121.96)` | Arathi Highlands | black, 7.5 to 1 |
| 15 | `#93a953` | `oklch(69.93% 0.1155 121.42)` | Springtide Melodies | black, 8 to 1 |
| 16 | `#99af5a` | `oklch(71.78% 0.1137 120.93)` | Asparagus Cream | black, 8.6 to 1 |
| 17 | `#a0b461` | `oklch(73.59% 0.1115 120.46)` | Light Birch Green | black, 9.2 to 1 |
| 18 | `#a6b968` | `oklch(75.34% 0.1090 120.03)` | Beach Bag | black, 9.7 to 1 |
| 19 | `#acbe6f` | `oklch(77.03% 0.1061 119.60)` | Tan Green | black, 10.3 to 1 |
| 20 | `#b2c376` | `oklch(78.64% 0.1031 119.18)` | Valley View | black, 10.9 to 1 |
| 21 | `#b7c87d` | `oklch(80.15% 0.1000 118.75)` | Floral Bouquet | black, 11.5 to 1 |
| 22 | `#bccc83` | `oklch(81.56% 0.0967 118.29)` | Alien Breed | black, 12 to 1 |
| 23 | `#c1d08a` | `oklch(82.92% 0.0928 117.82)` | Soft Celery | black, 12.6 to 1 |
| 24 | `#c6d391` | `oklch(84.22% 0.0882 117.34)` | Pistachio Cream | black, 13.1 to 1 |
| 25 | `#cbd798` | `oklch(85.46% 0.0831 116.85)` | Cucumber Ice | black, 13.7 to 1 |
| 26 | `#d0daa0` | `oklch(86.63% 0.0777 116.38)` | Lettuce Alone | black, 14.2 to 1 |
| 27 | `#d4dda7` | `oklch(87.73% 0.0723 115.93)` | Willow Wind | black, 14.7 to 1 |
| 28 | `#d7e0ae` | `oklch(88.73% 0.0670 115.50)` | Garden Leek | black, 15.1 to 1 |
| 29 | `#dbe2b4` | `oklch(89.65% 0.0620 115.11)` | Frosty Margarita | black, 15.5 to 1 |
| 30 | `#dee5b9` | `oklch(90.46% 0.0575 114.75)` | Aloe Cream | black, 15.9 to 1 |
| 31 | `#e0e7be` | `oklch(91.15% 0.0538 114.46)` | Kiwi Sorbet | black, 16.3 to 1 |
| 32 | `#e3e8c2` | `oklch(91.73% 0.0510 114.22)` | Tinted Mint | black, 16.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #3a5727 0.0%, #3d5a28 3.2%, #425f2a 6.5%, #47642b 9.7%, #4d6b2d 12.9%, #53712f 16.1%, #5b7831 19.4%, #627f34 22.6%, #6a8636 25.8%, #718d39 29.0%, #79933d 32.3%, #7f9842 35.5%, #869e47 38.7%, #8ca44d 41.9%, #93a953 45.2%, #99af5a 48.4%, #a0b461 51.6%, #a6b968 54.8%, #acbe6f 58.1%, #b2c376 61.3%, #b7c87d 64.5%, #bccc83 67.7%, #c1d08a 71.0%, #c6d391 74.2%, #cbd798 77.4%, #d0daa0 80.6%, #d4dda7 83.9%, #d7e0ae 87.1%, #dbe2b4 90.3%, #dee5b9 93.5%, #e0e7be 96.8%, #e3e8c2 100.0%);
background: linear-gradient(45deg in oklch, oklch(42.13% 0.0813 134.30) 0.0%, oklch(43.33% 0.0836 133.67) 3.2%, oklch(44.89% 0.0868 132.84) 6.5%, oklch(46.74% 0.0907 131.84) 9.7%, oklch(48.81% 0.0951 130.73) 12.9%, oklch(51.04% 0.0997 129.55) 16.1%, oklch(53.37% 0.1042 128.33) 19.4%, oklch(55.73% 0.1084 127.12) 22.6%, oklch(58.06% 0.1121 125.97) 25.8%, oklch(60.28% 0.1149 124.91) 29.0%, oklch(62.35% 0.1168 124.00) 32.3%, oklch(64.25% 0.1175 123.24) 35.5%, oklch(66.15% 0.1174 122.57) 38.7%, oklch(68.05% 0.1167 121.96) 41.9%, oklch(69.93% 0.1155 121.42) 45.2%, oklch(71.78% 0.1137 120.93) 48.4%, oklch(73.59% 0.1115 120.46) 51.6%, oklch(75.34% 0.1090 120.03) 54.8%, oklch(77.03% 0.1061 119.60) 58.1%, oklch(78.64% 0.1031 119.18) 61.3%, oklch(80.15% 0.1000 118.75) 64.5%, oklch(81.56% 0.0967 118.29) 67.7%, oklch(82.92% 0.0928 117.82) 71.0%, oklch(84.22% 0.0882 117.34) 74.2%, oklch(85.46% 0.0831 116.85) 77.4%, oklch(86.63% 0.0777 116.38) 80.6%, oklch(87.73% 0.0723 115.93) 83.9%, oklch(88.73% 0.0670 115.50) 87.1%, oklch(89.65% 0.0620 115.11) 90.3%, oklch(90.46% 0.0575 114.75) 93.5%, oklch(91.15% 0.0538 114.46) 96.8%, oklch(91.73% 0.0510 114.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.081 | 134.3 |
| 2 | 0.63 | 0.117 | 123.7 |
| 3 | 0.811 | 0.098 | 118.4 |
| 4 | 0.917 | 0.051 | 114.2 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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