# Emerald, mauve and champagne navratri palette

The Emerald, mauve and champagne navratri palette brings together green, gray, orange, and off-white. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Green, gray, orange and white linear swatches
- Seed: `kUjl5myYNNtc60Z7BkTg`
- Page: https://grabient.com/kUjl5myYNNtc60Z7BkTg?style=linearSwatches&steps=4&angle=135
- Drawn as: linear swatches, 4 steps, 135 degrees
- Kinds: dark to light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4 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 | `#3d873f` | `oklch(55.91% 0.1295 144.14)` | Mountain Meadow Green | black, 4.7 to 1 |
| 2 | `#777a7f` | `oklch(57.87% 0.0083 260.38)` | Liquid Mercury | black, 4.8 to 1 |
| 3 | `#e6762e` | `oklch(68.50% 0.1612 49.39)` | Crushed Orange | black, 7 to 1 |
| 4 | `#f9f5e8` | `oklch(96.85% 0.0165 91.66)` | Vermont Cream | black, 19.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3d873f 0.000% 25.000%, #777a7f 25.000% 50.000%, #e6762e 50.000% 75.000%, #f9f5e8 75.000% 100.000%);
background: linear-gradient(135deg, oklch(55.91% 0.1295 144.14) 0.000% 25.000%, oklch(57.87% 0.0083 260.38) 25.000% 50.000%, oklch(68.50% 0.1612 49.39) 50.000% 75.000%, oklch(96.85% 0.0165 91.66) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.13 | 144.1 |
| 2 | 0.579 | 0.008 | 260.4 |
| 3 | 0.685 | 0.161 | 409.4 |
| 4 | 0.969 | 0.017 | 451.7 |

## In these collections

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

## Other forms

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