# Pale leaf light over mint

Analogous dark green, beige and teal linear gradient with 48 colors: #01221a, #05261d, #0a2b21, #103125, #18382a, #204030, #294836, #33523c, #3e5b43, #49654a, #567051, #627b58, #6f8560, #7d9067, #8a9b6f, #98a577, #a5af7e, #b2b985, #bec28c, #cacb93, #d4d299, #ddd99e, #e4dfa2, #e9e4a6, #ede7a9, #efeaab, #efebac, #eeecac, #ebedac, #e7ecac, #e2ebab, #dceaaa, #d5e7a9, #cee5a8, #c6e2a6, #bddfa5, #b4dba4, #abd7a4, #a2d3a3, #99cfa2, #91cba1, #89c7a1, #82c3a0, #7bc0a0, #75bda0, #70baa0, #6cb8a0, #69b6a0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous dark green, beige and teal linear gradient
- Seed: `kSOR57dB03tueyC`
- Page: https://grabient.com/kSOR57dB03tueyC?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 13.9 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 | `#01221a` | `oklch(22.44% 0.0413 172.97)` | Stellar Explorer | white, 16.9 to 1 |
| 2 | `#05261d` | `oklch(24.11% 0.0423 171.24)` | Deep Slate Green | white, 16.1 to 1 |
| 3 | `#0a2b21` | `oklch(26.14% 0.0434 169.05)` | Guerrilla Forest | white, 15.2 to 1 |
| 4 | `#103125` | `oklch(28.52% 0.0446 166.46)` | Opulent Green | white, 14 to 1 |
| 5 | `#18382a` | `oklch(31.19% 0.0461 163.51)` | Deep Fir | white, 12.8 to 1 |
| 6 | `#204030` | `oklch(34.13% 0.0476 160.24)` | Mizukaze Green | white, 11.4 to 1 |
| 7 | `#294836` | `oklch(37.29% 0.0493 156.71)` | Wine Bottle Green | white, 10 to 1 |
| 8 | `#33523c` | `oklch(40.65% 0.0511 152.97)` | Goblin | white, 8.7 to 1 |
| 9 | `#3e5b43` | `oklch(44.16% 0.0529 149.06)` | Horsetail | white, 7.5 to 1 |
| 10 | `#49654a` | `oklch(47.79% 0.0549 145.03)` | Firm Green | white, 6.4 to 1 |
| 11 | `#567051` | `oklch(51.51% 0.0568 140.93)` | Cactus | white, 5.4 to 1 |
| 12 | `#627b58` | `oklch(55.27% 0.0589 136.81)` | Silver Willow Green | white, 4.6 to 1 |
| 13 | `#6f8560` | `oklch(59.04% 0.0609 132.72)` | Equatorial Forest | black, 5.2 to 1 |
| 14 | `#7d9067` | `oklch(62.78% 0.0629 128.70)` | Saladin | black, 6 to 1 |
| 15 | `#8a9b6f` | `oklch(66.46% 0.0649 124.81)` | Sweet Florence | black, 7 to 1 |
| 16 | `#98a577` | `oklch(70.04% 0.0669 121.08)` | Cucuzza Verde | black, 8 to 1 |
| 17 | `#a5af7e` | `oklch(73.48% 0.0688 117.58)` | Fresh Guacamole | black, 9 to 1 |
| 18 | `#b2b985` | `oklch(76.76% 0.0707 114.35)` | Nile | black, 10.1 to 1 |
| 19 | `#bec28c` | `oklch(79.82% 0.0724 111.43)` | Misty Valley | black, 11.3 to 1 |
| 20 | `#cacb93` | `oklch(82.64% 0.0741 108.88)` | Creamy Spinaci | black, 12.4 to 1 |
| 21 | `#d4d299` | `oklch(85.18% 0.0757 106.75)` | Misty Bead | black, 13.4 to 1 |
| 22 | `#ddd99e` | `oklch(87.41% 0.0771 105.07)` | Burgundy Grey | black, 14.4 to 1 |
| 23 | `#e4dfa2` | `oklch(89.28% 0.0783 103.91)` | Marsh Mist | black, 15.3 to 1 |
| 24 | `#e9e4a6` | `oklch(90.76% 0.0794 103.30)` | Bells and Whistles Gold | black, 16 to 1 |
| 25 | `#ede7a9` | `oklch(91.82% 0.0804 103.30)` | Yellow Jasmine | black, 16.6 to 1 |
| 26 | `#efeaab` | `oklch(92.54% 0.0812 103.91)` | Yellow Jasmine | black, 16.9 to 1 |
| 27 | `#efebac` | `oklch(92.93% 0.0818 105.07)` | Yellow Jasmine | black, 17.2 to 1 |
| 28 | `#eeecac` | `oklch(93.04% 0.0824 106.75)` | Pollen | black, 17.2 to 1 |
| 29 | `#ebedac` | `oklch(92.88% 0.0829 108.88)` | Pollen | black, 17.2 to 1 |
| 30 | `#e7ecac` | `oklch(92.47% 0.0833 111.43)` | Bottlebrush Blossom | black, 17 to 1 |
| 31 | `#e2ebab` | `oklch(91.85% 0.0837 114.35)` | Daydream | black, 16.7 to 1 |
| 32 | `#dceaaa` | `oklch(91.04% 0.0839 117.58)` | High Hopes | black, 16.3 to 1 |
| 33 | `#d5e7a9` | `oklch(90.05% 0.0841 121.08)` | Mermaid Tears | black, 15.8 to 1 |
| 34 | `#cee5a8` | `oklch(88.93% 0.0843 124.81)` | Lime Cream | black, 15.3 to 1 |
| 35 | `#c6e2a6` | `oklch(87.68% 0.0844 128.70)` | Cactus Spike | black, 14.8 to 1 |
| 36 | `#bddfa5` | `oklch(86.35% 0.0844 132.72)` | Cactus Spike | black, 14.2 to 1 |
| 37 | `#b4dba4` | `oklch(84.94% 0.0844 136.81)` | Embroidered Silk | black, 13.6 to 1 |
| 38 | `#abd7a4` | `oklch(83.49% 0.0844 140.93)` | Pistachio Green | black, 13 to 1 |
| 39 | `#a2d3a3` | `oklch(82.02% 0.0843 145.03)` | Chinook | black, 12.4 to 1 |
| 40 | `#99cfa2` | `oklch(80.56% 0.0843 149.06)` | Garden Goddess | black, 11.8 to 1 |
| 41 | `#91cba1` | `oklch(79.12% 0.0842 152.97)` | Irish Spring | black, 11.2 to 1 |
| 42 | `#89c7a1` | `oklch(77.75% 0.0841 156.71)` | Foul Green | black, 10.7 to 1 |
| 43 | `#82c3a0` | `oklch(76.45% 0.0841 160.24)` | Willow Hedge | black, 10.3 to 1 |
| 44 | `#7bc0a0` | `oklch(75.26% 0.0840 163.51)` | Celadon Porcelain | black, 9.8 to 1 |
| 45 | `#75bda0` | `oklch(74.20% 0.0840 166.46)` | Arboretum | black, 9.5 to 1 |
| 46 | `#70baa0` | `oklch(73.29% 0.0840 169.05)` | Arboretum | black, 9.2 to 1 |
| 47 | `#6cb8a0` | `oklch(72.57% 0.0840 171.24)` | Arboretum | black, 8.9 to 1 |
| 48 | `#69b6a0` | `oklch(72.05% 0.0841 172.97)` | Tropic Turquoise | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #01221a 0.0%, #05261d 2.1%, #0a2b21 4.3%, #103125 6.4%, #18382a 8.5%, #204030 10.6%, #294836 12.8%, #33523c 14.9%, #3e5b43 17.0%, #49654a 19.1%, #567051 21.3%, #627b58 23.4%, #6f8560 25.5%, #7d9067 27.7%, #8a9b6f 29.8%, #98a577 31.9%, #a5af7e 34.0%, #b2b985 36.2%, #bec28c 38.3%, #cacb93 40.4%, #d4d299 42.6%, #ddd99e 44.7%, #e4dfa2 46.8%, #e9e4a6 48.9%, #ede7a9 51.1%, #efeaab 53.2%, #efebac 55.3%, #eeecac 57.4%, #ebedac 59.6%, #e7ecac 61.7%, #e2ebab 63.8%, #dceaaa 66.0%, #d5e7a9 68.1%, #cee5a8 70.2%, #c6e2a6 72.3%, #bddfa5 74.5%, #b4dba4 76.6%, #abd7a4 78.7%, #a2d3a3 80.9%, #99cfa2 83.0%, #91cba1 85.1%, #89c7a1 87.2%, #82c3a0 89.4%, #7bc0a0 91.5%, #75bda0 93.6%, #70baa0 95.7%, #6cb8a0 97.9%, #69b6a0 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.44% 0.0413 172.97) 0.0%, oklch(24.11% 0.0423 171.24) 2.1%, oklch(26.14% 0.0434 169.05) 4.3%, oklch(28.52% 0.0446 166.46) 6.4%, oklch(31.19% 0.0461 163.51) 8.5%, oklch(34.13% 0.0476 160.24) 10.6%, oklch(37.29% 0.0493 156.71) 12.8%, oklch(40.65% 0.0511 152.97) 14.9%, oklch(44.16% 0.0529 149.06) 17.0%, oklch(47.79% 0.0549 145.03) 19.1%, oklch(51.51% 0.0568 140.93) 21.3%, oklch(55.27% 0.0589 136.81) 23.4%, oklch(59.04% 0.0609 132.72) 25.5%, oklch(62.78% 0.0629 128.70) 27.7%, oklch(66.46% 0.0649 124.81) 29.8%, oklch(70.04% 0.0669 121.08) 31.9%, oklch(73.48% 0.0688 117.58) 34.0%, oklch(76.76% 0.0707 114.35) 36.2%, oklch(79.82% 0.0724 111.43) 38.3%, oklch(82.64% 0.0741 108.88) 40.4%, oklch(85.18% 0.0757 106.75) 42.6%, oklch(87.41% 0.0771 105.07) 44.7%, oklch(89.28% 0.0783 103.91) 46.8%, oklch(90.76% 0.0794 103.30) 48.9%, oklch(91.82% 0.0804 103.30) 51.1%, oklch(92.54% 0.0812 103.91) 53.2%, oklch(92.93% 0.0818 105.07) 55.3%, oklch(93.04% 0.0824 106.75) 57.4%, oklch(92.88% 0.0829 108.88) 59.6%, oklch(92.47% 0.0833 111.43) 61.7%, oklch(91.85% 0.0837 114.35) 63.8%, oklch(91.04% 0.0839 117.58) 66.0%, oklch(90.05% 0.0841 121.08) 68.1%, oklch(88.93% 0.0843 124.81) 70.2%, oklch(87.68% 0.0844 128.70) 72.3%, oklch(86.35% 0.0844 132.72) 74.5%, oklch(84.94% 0.0844 136.81) 76.6%, oklch(83.49% 0.0844 140.93) 78.7%, oklch(82.02% 0.0843 145.03) 80.9%, oklch(80.56% 0.0843 149.06) 83.0%, oklch(79.12% 0.0842 152.97) 85.1%, oklch(77.75% 0.0841 156.71) 87.2%, oklch(76.45% 0.0841 160.24) 89.4%, oklch(75.26% 0.0840 163.51) 91.5%, oklch(74.20% 0.0840 166.46) 93.6%, oklch(73.29% 0.0840 169.05) 95.7%, oklch(72.57% 0.0840 171.24) 97.9%, oklch(72.05% 0.0841 172.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.041 | 173 |
| 2 | 0.913 | 0.08 | 103.2 |
| 3 | 0.72 | 0.084 | 173 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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