# Indigo and teal emerald palette

The Indigo and teal emerald palette brings together blue, teal, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the green color family.

- Also called: Cool blue, teal and dark green angular swatches
- Seed: `kYcV6_RSC202vPPUtr8xyzALOdwI`
- Page: https://grabient.com/kYcV6_RSC202vPPUtr8xyzALOdwI?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: vivid, cool
- 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 | `#364d9b` | `oklch(44.49% 0.1295 268.59)` | Dazzling Blue | white, 7.8 to 1 |
| 2 | `#12807c` | `oklch(54.33% 0.0896 191.45)` | Belly Flop | white, 4.7 to 1 |
| 3 | `#009b72` | `oklch(61.03% 0.1265 166.08)` | Rainforest | black, 5.9 to 1 |
| 4 | `#06af73` | `oklch(66.54% 0.1502 159.75)` | Jade Powder | black, 7.3 to 1 |
| 5 | `#018a5d` | `oklch(55.91% 0.1226 161.86)` | Absinthe Turquoise | black, 4.7 to 1 |
| 6 | `#045740` | `oklch(40.55% 0.0813 167.15)` | Sacramento State Green | white, 8.6 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #364d9b 0.000% 16.667%, #12807c 16.667% 33.333%, #009b72 33.333% 50.000%, #06af73 50.000% 66.667%, #018a5d 66.667% 83.333%, #045740 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(44.49% 0.1295 268.59) 0.000% 16.667%, oklch(54.33% 0.0896 191.45) 16.667% 33.333%, oklch(61.03% 0.1265 166.08) 33.333% 50.000%, oklch(66.54% 0.1502 159.75) 50.000% 66.667%, oklch(55.91% 0.1226 161.86) 66.667% 83.333%, oklch(40.55% 0.0813 167.15) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.13 | 268.6 |
| 2 | 0.543 | 0.09 | 191.5 |
| 3 | 0.61 | 0.13 | 166.1 |
| 4 | 0.665 | 0.15 | 159.7 |
| 5 | 0.559 | 0.123 | 161.9 |
| 6 | 0.406 | 0.081 | 167.1 |

## In these collections

- [Emerald color palette](https://grabient.com/emerald-color-palette)

## Other forms

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