# Orange, deep teal and violet navratri palette

The Orange, deep teal and violet navratri palette brings together orange, off-white, teal, blue, and purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: Triadic orange, teal, gray and purple linear swatches
- Seed: `kWr5EnegPHD-2xxHC0eQUjHg`
- Page: https://grabient.com/kWr5EnegPHD-2xxHC0eQUjHg?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 5.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 | `#e97800` | `oklch(68.90% 0.1710 54.83)` | Pumpkin Cat | black, 7.1 to 1 |
| 2 | `#f1f3ec` | `oklch(96.06% 0.0096 115.08)` | White Cloud | black, 18.7 to 1 |
| 3 | `#007460` | `oklch(50.00% 0.0940 175.30)` | Tropical Rainforest | white, 5.7 to 1 |
| 4 | `#657784` | `oklch(55.91% 0.0303 239.78)` | Freedom Found | white, 4.6 to 1 |
| 5 | `#813bc1` | `oklch(51.18% 0.1998 304.24)` | Purple Rain | white, 6.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e97800 0.000% 20.000%, #f1f3ec 20.000% 40.000%, #007460 40.000% 60.000%, #657784 60.000% 80.000%, #813bc1 80.000% 100.000%);
background: linear-gradient(90deg, oklch(68.90% 0.1710 54.83) 0.000% 20.000%, oklch(96.06% 0.0096 115.08) 20.000% 40.000%, oklch(50.00% 0.0940 175.30) 40.000% 60.000%, oklch(55.91% 0.0303 239.78) 60.000% 80.000%, oklch(51.18% 0.1998 304.24) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.2 | 54.8 |
| 2 | 0.961 | 0.01 | 115.1 |
| 3 | 0.5 | 0.15 | 175.3 |
| 4 | 0.559 | 0.03 | 239.8 |
| 5 | 0.512 | 0.2 | 304.2 |

## In these collections

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

## Other forms

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