# Indigo and aubergine analogous palette

The Indigo and aubergine analogous palette brings together blue, dark purple, and magenta. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Analogous blue, navy and purple radial swatches
- Seed: `kUhWm-lqRCh8swnLrcKA`
- Page: https://grabient.com/kUhWm-lqRCh8swnLrcKA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark center, vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#4663bd` | `oklch(52.36% 0.1447 267.89)` | God of Rain | white, 5.5 to 1 |
| 2 | `#140038` | `oklch(17.72% 0.0992 290.08)` | Black Htun | white, 19.3 to 1 |
| 3 | `#320049` | `oklch(24.41% 0.1226 311.22)` | Edge of Space | white, 17 to 1 |
| 4 | `#aa609e` | `oklch(59.45% 0.1254 333.41)` | Radiant Orchid | black, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4663bd 0.000% 25.000%, #140038 25.000% 50.000%, #320049 50.000% 75.000%, #aa609e 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(52.36% 0.1447 267.89) 0.000% 25.000%, oklch(17.72% 0.0992 290.08) 25.000% 50.000%, oklch(24.41% 0.1226 311.22) 50.000% 75.000%, oklch(59.45% 0.1254 333.41) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.145 | 267.9 |
| 2 | 0.177 | 0.099 | 290.1 |
| 3 | 0.244 | 0.123 | 311.2 |
| 4 | 0.594 | 0.125 | 333.4 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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