# Orange, cobalt blue and forest green navratri

The Orange, cobalt blue and forest green navratri brings together orange, red, blue, gold, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Rainbow from orange to green angular swatches
- Seed: `kWt4ooSNA7r1XMjqwaxRj3Fw`
- Page: https://grabient.com/kWt4ooSNA7r1XMjqwaxRj3Fw?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#f58200` | `oklch(72.05% 0.1758 56.23)` | Romesco | black, 8 to 1 |
| 2 | `#db173c` | `oklch(57.09% 0.2205 20.32)` | Wild Rider Red | white, 4.9 to 1 |
| 3 | `#1046e1` | `oklch(48.03% 0.2398 264.08)` | Merchant Marine Blue | white, 7 to 1 |
| 4 | `#e8ca00` | `oklch(83.86% 0.1734 98.16)` | Golden Crescent | black, 12.8 to 1 |
| 5 | `#008a34` | `oklch(55.12% 0.1603 147.82)` | Broccoli Paradise | black, 4.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #f58200 0.000% 20.000%, #db173c 20.000% 40.000%, #1046e1 40.000% 60.000%, #e8ca00 60.000% 80.000%, #008a34 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(72.05% 0.1758 56.23) 0.000% 20.000%, oklch(57.09% 0.2205 20.32) 20.000% 40.000%, oklch(48.03% 0.2398 264.08) 40.000% 60.000%, oklch(83.86% 0.1734 98.16) 60.000% 80.000%, oklch(55.12% 0.1603 147.82) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.19 | 56.3 |
| 2 | 0.571 | 0.22 | 20.3 |
| 3 | 0.48 | 0.24 | -95.9 |
| 4 | 0.839 | 0.181 | -261.8 |
| 5 | 0.551 | 0.169 | -212.2 |

## In these collections

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

## Other forms

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