# Rose, teal and aubergine energetic palette

The Rose, teal and aubergine energetic palette brings together magenta, blue, gold, and dark 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 dark purple, and its lightest tone is gold.

- Also called: Rainbow from magenta to navy linear swatches
- Seed: `kUjqD416Sx2e8L6lmK3g`
- Page: https://grabient.com/kUjqD416Sx2e8L6lmK3g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.9 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 | `#c81b87` | `oklch(55.91% 0.2205 349.45)` | Medium Violet Red | white, 5.2 to 1 |
| 2 | `#50a6cd` | `oklch(68.90% 0.1006 230.04)` | Mystic Blue | black, 7.7 to 1 |
| 3 | `#e8be0b` | `oklch(81.50% 0.1654 92.66)` | Fat Gold | black, 11.8 to 1 |
| 4 | `#322449` | `oklch(29.53% 0.0675 300.49)` | Power Outage | white, 14.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c81b87 0.000% 25.000%, #50a6cd 25.000% 50.000%, #e8be0b 50.000% 75.000%, #322449 75.000% 100.000%);
background: linear-gradient(90deg, oklch(55.91% 0.2205 349.45) 0.000% 25.000%, oklch(68.90% 0.1006 230.04) 25.000% 50.000%, oklch(81.50% 0.1654 92.66) 50.000% 75.000%, oklch(29.53% 0.0675 300.49) 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.22 | 349.5 |
| 2 | 0.689 | 0.101 | 230 |
| 3 | 0.815 | 0.165 | 92.7 |
| 4 | 0.295 | 0.068 | -59.5 |

## In these collections

- [Energetic swatches](https://grabient.com/energetic-swatches)

## Other forms

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