# Sage and teal green multicolor palette

The Sage and teal green multicolor palette brings together light green, gold, green, and blue. 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 blue, and its lightest tone is gold.

- Also called: Green, yellow, light blue and blue linear gradient
- Seed: `kcyDxf6jO9GmzwPko8YYbTHNy6QJXPMEUBk-g`
- Page: https://grabient.com/kcyDxf6jO9GmzwPko8YYbTHNy6QJXPMEUBk-g?steps=13&angle=0
- Drawn as: linear gradient, 13 steps, 0 degrees
- Kinds: vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.1 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 | `#a4c690` | `oklch(78.74% 0.0827 134.30)` | Cos | black, 11 to 1 |
| 2 | `#bace73` | `oklch(81.62% 0.1184 119.03)` | Gentle Dill | black, 12.1 to 1 |
| 3 | `#d1d154` | `oklch(83.74% 0.1459 109.00)` | Energised | black, 12.9 to 1 |
| 4 | `#cbd257` | `oklch(83.54% 0.1464 112.52)` | Southern Platyfish | black, 12.9 to 1 |
| 5 | `#a5d57d` | `oklch(81.96% 0.1271 132.14)` | Crystal Green | black, 12.4 to 1 |
| 6 | `#7bd0ad` | `oklch(79.42% 0.0985 165.44)` | Sea Treasure | black, 11.4 to 1 |
| 7 | `#40cdd9` | `oklch(77.95% 0.1176 203.78)` | Watercourse | black, 10.9 to 1 |
| 8 | `#3ac0ff` | `oklch(76.50% 0.1429 233.90)` | Megaman | black, 10.1 to 1 |
| 9 | `#25b8ff` | `oklch(74.23% 0.1531 236.80)` | Cherenkov Radiation | black, 9.3 to 1 |
| 10 | `#00affe` | `oklch(71.81% 0.1628 239.39)` | Fantasy Console Sky | black, 8.5 to 1 |
| 11 | `#19a3ff` | `oklch(69.30% 0.1717 245.90)` | Protoss Pylon | black, 7.7 to 1 |
| 12 | `#3d9ada` | `oklch(66.01% 0.1284 242.38)` | Flax Flower Blue | black, 6.8 to 1 |
| 13 | `#5e90ad` | `oklch(62.99% 0.0689 234.69)` | Blue Persia | black, 6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #a4c690 0.0%, #bace73 8.3%, #d1d154 16.7%, #cbd257 25.0%, #a5d57d 33.3%, #7bd0ad 41.7%, #40cdd9 50.0%, #3ac0ff 58.3%, #25b8ff 66.7%, #00affe 75.0%, #19a3ff 83.3%, #3d9ada 91.7%, #5e90ad 100.0%);
background: linear-gradient(0deg in oklch, oklch(78.74% 0.0827 134.30) 0.0%, oklch(81.62% 0.1184 119.03) 8.3%, oklch(83.74% 0.1459 109.00) 16.7%, oklch(83.54% 0.1464 112.52) 25.0%, oklch(81.96% 0.1271 132.14) 33.3%, oklch(79.42% 0.0985 165.44) 41.7%, oklch(77.95% 0.1176 203.78) 50.0%, oklch(76.50% 0.1429 233.90) 58.3%, oklch(74.23% 0.1531 236.80) 66.7%, oklch(71.81% 0.1628 239.39) 75.0%, oklch(69.30% 0.1717 245.90) 83.3%, oklch(66.01% 0.1284 242.38) 91.7%, oklch(62.99% 0.0689 234.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.083 | 134.3 |
| 2 | 0.835 | 0.142 | 110 |
| 3 | 0.831 | 0.142 | 118.4 |
| 4 | 0.791 | 0.098 | 170.2 |
| 5 | 0.768 | 0.145 | 231.5 |
| 6 | 0.728 | 0.16 | 236.8 |
| 7 | 0.685 | 0.167 | 246.3 |
| 8 | 0.63 | 0.069 | 234.7 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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