# Meadow Green to Lake Blue

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

- Also called: Tritone green, teal and blue linear swatches
- Seed: `kUyEJgWx7DNIcxFJokTg`
- Page: https://grabient.com/kUyEJgWx7DNIcxFJokTg?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 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 | `#a1c78c` | `oklch(78.74% 0.0909 135.00)` | Arcadian Green | black, 11 to 1 |
| 2 | `#7eba91` | `oklch(73.59% 0.0858 154.29)` | Oilcloth Green | black, 9.3 to 1 |
| 3 | `#5ca99a` | `oklch(68.09% 0.0799 180.04)` | Dragon Bay | black, 7.5 to 1 |
| 4 | `#4496a4` | `oklch(62.71% 0.0812 210.65)` | Aqua Dance | black, 6.1 to 1 |
| 5 | `#4280ac` | `oklch(57.87% 0.0937 241.73)` | Beijing Blue | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a1c78c 0.000% 20.000%, #7eba91 20.000% 40.000%, #5ca99a 40.000% 60.000%, #4496a4 60.000% 80.000%, #4280ac 80.000% 100.000%);
background: linear-gradient(45deg, oklch(78.74% 0.0909 135.00) 0.000% 20.000%, oklch(73.59% 0.0858 154.29) 20.000% 40.000%, oklch(68.09% 0.0799 180.04) 40.000% 60.000%, oklch(62.71% 0.0812 210.65) 60.000% 80.000%, oklch(57.87% 0.0937 241.73) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.091 | 135 |
| 2 | 0.717 | 0.084 | 162.5 |
| 3 | 0.646 | 0.079 | 199.5 |
| 4 | 0.579 | 0.094 | 241.7 |

## In these collections

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

## Other forms

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