# Sage Leaf Steps

The Lime analogous palette brings together light green and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and campaign graphics. Its darkest tone is green, and its lightest tone is light green.

- Also called: Muted light green and green linear swatches
- Seed: `kW5DBYaZ7AmAkQLWJ8CyybAw`
- Page: https://grabient.com/kW5DBYaZ7AmAkQLWJ8CyybAw?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: light to dark, pastel, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#d4e5b5` | `oklch(89.76% 0.0661 123.75)` | Green Reflection | black, 15.7 to 1 |
| 2 | `#b7d398` | `oklch(83.07% 0.0841 129.03)` | In Good Taste | black, 12.7 to 1 |
| 3 | `#94be7e` | `oklch(75.59% 0.0992 135.37)` | Sago Garden | black, 9.9 to 1 |
| 4 | `#70a869` | `oklch(67.72% 0.1089 141.71)` | Happy Cricket | black, 7.5 to 1 |
| 5 | `#4c8f5a` | `oklch(59.06% 0.1061 149.11)` | Middle Green | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d4e5b5 0.000% 20.000%, #b7d398 20.000% 40.000%, #94be7e 40.000% 60.000%, #70a869 60.000% 80.000%, #4c8f5a 80.000% 100.000%);
background: linear-gradient(45deg, oklch(89.76% 0.0661 123.75) 0.000% 20.000%, oklch(83.07% 0.0841 129.03) 20.000% 40.000%, oklch(75.59% 0.0992 135.37) 40.000% 60.000%, oklch(67.72% 0.1089 141.71) 60.000% 80.000%, oklch(59.06% 0.1061 149.11) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.898 | 0.066 | 123.8 |
| 2 | 0.831 | 0.084 | 129 |
| 3 | 0.756 | 0.099 | 135.4 |
| 4 | 0.677 | 0.109 | 141.7 |
| 5 | 0.591 | 0.106 | 149.1 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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