# Ochre, mauve and crimson navratri palette

The Ochre, mauve and crimson navratri palette brings together gold, green, gray, orange, off-white, and red. 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 gray, and its lightest tone is off-white.

- Also called: Mustard, gray, white and red angular swatches
- Seed: `kYu2lAzK7GUUDTrdOFF_IbC8lDOU`
- Page: https://grabient.com/kYu2lAzK7GUUDTrdOFF_IbC8lDOU?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#cca51b` | `oklch(73.62% 0.1447 90.70)` | Lemon Curry | black, 8.9 to 1 |
| 2 | `#4a944d` | `oklch(60.24% 0.1281 144.60)` | Discover Deco | black, 5.6 to 1 |
| 3 | `#6e6f75` | `oklch(54.33% 0.0083 269.29)` | High-Speed Steel | white, 4.9 to 1 |
| 4 | `#ef8c35` | `oklch(73.23% 0.1543 57.24)` | Peril’s Flames | black, 8.4 to 1 |
| 5 | `#fff8eb` | `oklch(98.03% 0.0179 82.60)` | Day Lily | black, 19.8 to 1 |
| 6 | `#cf3c38` | `oklch(57.48% 0.1846 26.59)` | Chef’s Kiss | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #cca51b 0.000% 16.667%, #4a944d 16.667% 33.333%, #6e6f75 33.333% 50.000%, #ef8c35 50.000% 66.667%, #fff8eb 66.667% 83.333%, #cf3c38 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(73.62% 0.1447 90.70) 0.000% 16.667%, oklch(60.24% 0.1281 144.60) 16.667% 33.333%, oklch(54.33% 0.0083 269.29) 33.333% 50.000%, oklch(73.23% 0.1543 57.24) 50.000% 66.667%, oklch(98.03% 0.0179 82.60) 66.667% 83.333%, oklch(57.48% 0.1846 26.59) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.145 | 90.7 |
| 2 | 0.602 | 0.128 | 144.6 |
| 3 | 0.543 | 0.008 | 269.3 |
| 4 | 0.732 | 0.154 | 417.2 |
| 5 | 0.98 | 0.018 | 442.6 |
| 6 | 0.575 | 0.185 | 386.6 |

## In these collections

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

## Other forms

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