# Forest green, indigo and deep teal navratri

The Forest green, indigo and deep teal navratri brings together green, gray, purple, and teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is purple, and its lightest tone is green.

- Also called: Green, gray, purple and teal linear swatches
- Seed: `kUk4NnSYfJb_IyXCNrCA`
- Page: https://grabient.com/kUk4NnSYfJb_IyXCNrCA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: even lightness, vivid, cool, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.6 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 | `#089427` | `oklch(57.87% 0.1805 144.84)` | Irish Green | black, 5.2 to 1 |
| 2 | `#6d7d83` | `oklch(57.87% 0.0207 225.16)` | Taliesin Blue | black, 4.9 to 1 |
| 3 | `#7f36bb` | `oklch(50.00% 0.1998 305.47)` | Shredder Lavender | white, 6.6 to 1 |
| 4 | `#007b66` | `oklch(51.97% 0.0976 175.48)` | Ultramarine Green | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #089427 0.000% 25.000%, #6d7d83 25.000% 50.000%, #7f36bb 50.000% 75.000%, #007b66 75.000% 100.000%);
background: linear-gradient(90deg, oklch(57.87% 0.1805 144.84) 0.000% 25.000%, oklch(57.87% 0.0207 225.16) 25.000% 50.000%, oklch(50.00% 0.1998 305.47) 50.000% 75.000%, oklch(51.97% 0.0976 175.48) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.181 | 144.8 |
| 2 | 0.579 | 0.021 | 225.2 |
| 3 | 0.5 | 0.2 | 305.5 |
| 4 | 0.52 | 0.15 | 175.5 |

## In these collections

- [Navratri swatches](https://grabient.com/navratri-swatches)

## Other forms

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