# Emerald and teal blue and green palette

The Emerald and teal blue and green palette brings together green and teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is green.

- Also called: Vivid green, cyan and light blue linear swatches
- Seed: `kW3rtm8UNBnEwxPssED6C7BY`
- Page: https://grabient.com/kW3rtm8UNBnEwxPssED6C7BY?style=linearSwatches&steps=10&angle=120
- Drawn as: linear swatches, 10 steps, 120 degrees
- Kinds: even lightness, vivid, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.3 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 | `#42fe54` | `oklch(87.40% 0.2577 144.14)` | Goblin Warboss | black, 15.5 to 1 |
| 2 | `#4aff78` | `oklch(88.08% 0.2290 147.74)` | Experimintal Green | black, 15.8 to 1 |
| 3 | `#51ffa0` | `oklch(88.86% 0.1922 155.02)` | Sea Green | black, 16.1 to 1 |
| 4 | `#38fecd` | `oklch(89.22% 0.1642 171.11)` | Move Mint | black, 16.2 to 1 |
| 5 | `#40f9f4` | `oklch(89.24% 0.1412 192.48)` | Arctic Water | black, 16 to 1 |
| 6 | `#5df1ff` | `oklch(88.43% 0.1252 204.21)` | Bioluminescence | black, 15.4 to 1 |
| 7 | `#4cebff` | `oklch(86.75% 0.1311 206.72)` | Shimmering Expanse Cyan | black, 14.6 to 1 |
| 8 | `#44e5fd` | `oklch(85.02% 0.1319 209.90)` | Shimmering Expanse Cyan | black, 13.8 to 1 |
| 9 | `#48ddfe` | `oklch(83.22% 0.1299 216.29)` | Splashing Wave | black, 13 to 1 |
| 10 | `#4dd6fe` | `oklch(81.89% 0.1281 221.28)` | Libra Blue Morpho | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(120deg, #42fe54 0.000% 10.000%, #4aff78 10.000% 20.000%, #51ffa0 20.000% 30.000%, #38fecd 30.000% 40.000%, #40f9f4 40.000% 50.000%, #5df1ff 50.000% 60.000%, #4cebff 60.000% 70.000%, #44e5fd 70.000% 80.000%, #48ddfe 80.000% 90.000%, #4dd6fe 90.000% 100.000%);
background: linear-gradient(120deg, oklch(87.40% 0.2577 144.14) 0.000% 10.000%, oklch(88.08% 0.2290 147.74) 10.000% 20.000%, oklch(88.86% 0.1922 155.02) 20.000% 30.000%, oklch(89.22% 0.1642 171.11) 30.000% 40.000%, oklch(89.24% 0.1412 192.48) 40.000% 50.000%, oklch(88.43% 0.1252 204.21) 50.000% 60.000%, oklch(86.75% 0.1311 206.72) 60.000% 70.000%, oklch(85.02% 0.1319 209.90) 70.000% 80.000%, oklch(83.22% 0.1299 216.29) 80.000% 90.000%, oklch(81.89% 0.1281 221.28) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.258 | 144.1 |
| 2 | 0.89 | 0.185 | 157.9 |
| 3 | 0.89 | 0.134 | 200.1 |
| 4 | 0.854 | 0.132 | 208.6 |
| 5 | 0.819 | 0.128 | 221.3 |

## In these collections

- [Jade swatches](https://grabient.com/jade-swatches)
- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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