# Turquoise, emerald and ochre garden palette

The Turquoise, emerald and ochre garden palette brings together teal, green, light green, and gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is teal, and its lightest tone is light green.

- Also called: Vivid tritone teal, green and tan angular swatches
- Seed: `kYk0ONV7k7WRLPxtPb-cKy9uuqvG`
- Page: https://grabient.com/kYk0ONV7k7WRLPxtPb-cKy9uuqvG?style=angularSwatches&steps=10&angle=45
- Drawn as: angular swatches, 10 steps, 45 degrees
- Kinds: vivid, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#1b8a8e` | `oklch(57.87% 0.0923 198.28)` | Duvall | black, 5 to 1 |
| 2 | `#00a189` | `oklch(63.48% 0.1182 176.52)` | Reptilian Green | black, 6.4 to 1 |
| 3 | `#13bc74` | `oklch(70.06% 0.1637 156.94)` | Fennel Fiesta | black, 8.4 to 1 |
| 4 | `#00d270` | `oklch(75.71% 0.1959 152.76)` | Underwater Fern | black, 10.4 to 1 |
| 5 | `#2ee377` | `oklch(80.58% 0.2044 151.10)` | Weird Green | black, 12.3 to 1 |
| 6 | `#64ed8c` | `oklch(84.60% 0.1801 150.30)` | Grotesque Green | black, 13.9 to 1 |
| 7 | `#94ef93` | `oklch(87.31% 0.1531 143.84)` | Ulva Lactuca Green | black, 15 to 1 |
| 8 | `#baeb93` | `oklch(88.59% 0.1261 132.26)` | Sweet Mint Pesto | black, 15.4 to 1 |
| 9 | `#d1de82` | `oklch(87.08% 0.1171 115.54)` | Fresh Pear | black, 14.4 to 1 |
| 10 | `#decf70` | `oklch(84.65% 0.1171 100.00)` | Gluten | black, 13.2 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #1b8a8e 0.000% 10.000%, #00a189 10.000% 20.000%, #13bc74 20.000% 30.000%, #00d270 30.000% 40.000%, #2ee377 40.000% 50.000%, #64ed8c 50.000% 60.000%, #94ef93 60.000% 70.000%, #baeb93 70.000% 80.000%, #d1de82 80.000% 90.000%, #decf70 90.000% 100.000%);
background: conic-gradient(from 45deg, oklch(57.87% 0.0923 198.28) 0.000% 10.000%, oklch(63.48% 0.1182 176.52) 10.000% 20.000%, oklch(70.06% 0.1637 156.94) 20.000% 30.000%, oklch(75.71% 0.1959 152.76) 30.000% 40.000%, oklch(80.58% 0.2044 151.10) 40.000% 50.000%, oklch(84.60% 0.1801 150.30) 50.000% 60.000%, oklch(87.31% 0.1531 143.84) 60.000% 70.000%, oklch(88.59% 0.1261 132.26) 70.000% 80.000%, oklch(87.08% 0.1171 115.54) 80.000% 90.000%, oklch(84.65% 0.1171 100.00) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.092 | 198.3 |
| 2 | 0.689 | 0.157 | 159.2 |
| 3 | 0.787 | 0.207 | 151.8 |
| 4 | 0.858 | 0.169 | 148.6 |
| 5 | 0.886 | 0.123 | 129.6 |
| 6 | 0.846 | 0.117 | 100 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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