# Sage Leaf and Violet Tea

The Lime and dusty blue chrysanthemum tea porcelain brings together light green, green, gray, and purple. 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 gray, and its lightest tone is light green.

- Also called: Light green, gray and purple linear swatches
- Seed: `kY10Nh3SfAMifwC6h0SPJLOEwcP-`
- Page: https://grabient.com/kY10Nh3SfAMifwC6h0SPJLOEwcP-?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.5 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 | `#b0dba0` | `oklch(84.65% 0.0923 137.11)` | Witty Green | black, 13.5 to 1 |
| 2 | `#84b976` | `oklch(73.23% 0.1089 139.22)` | Colour Me Green | black, 9.1 to 1 |
| 3 | `#5a8554` | `oklch(57.09% 0.0868 141.34)` | Magic Sage | black, 4.8 to 1 |
| 4 | `#4d5c59` | `oklch(46.06% 0.0193 180.44)` | Silken Pine | white, 7 to 1 |
| 5 | `#615675` | `oklch(47.64% 0.0510 299.85)` | Taylor | white, 6.7 to 1 |
| 6 | `#8775a7` | `oklch(59.84% 0.0772 299.85)` | Grape Parfait | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b0dba0 0.000% 16.667%, #84b976 16.667% 33.333%, #5a8554 33.333% 50.000%, #4d5c59 50.000% 66.667%, #615675 66.667% 83.333%, #8775a7 83.333% 100.000%);
background: linear-gradient(180deg, oklch(84.65% 0.0923 137.11) 0.000% 16.667%, oklch(73.23% 0.1089 139.22) 16.667% 33.333%, oklch(57.09% 0.0868 141.34) 33.333% 50.000%, oklch(46.06% 0.0193 180.44) 50.000% 66.667%, oklch(47.64% 0.0510 299.85) 66.667% 83.333%, oklch(59.84% 0.0772 299.85) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.092 | 137.1 |
| 2 | 0.732 | 0.109 | 139.2 |
| 3 | 0.571 | 0.087 | 141.3 |
| 4 | 0.461 | 0.019 | 180.4 |
| 5 | 0.476 | 0.051 | 299.8 |
| 6 | 0.598 | 0.077 | 299.8 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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