# Rose, lime and navy energetic palette

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

- Also called: Pink, teal, yellow and navy radial swatches
- Seed: `kUl6L606et2g9tQoFtQA`
- Page: https://grabient.com/kUl6L606et2g9tQoFtQA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 7.5 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 | `#d8288c` | `oklch(59.45% 0.2232 352.27)` | Dark Princess Pink | black, 4.6 to 1 |
| 2 | `#14a5ab` | `oklch(65.75% 0.1089 199.04)` | Blue Bolero | black, 7 to 1 |
| 3 | `#d1ca1f` | `oklch(81.89% 0.1695 107.10)` | Lime Pop | black, 12.1 to 1 |
| 4 | `#2a2e51` | `oklch(31.50% 0.0620 277.24)` | Lucky Point | white, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d8288c 0.000% 25.000%, #14a5ab 25.000% 50.000%, #d1ca1f 50.000% 75.000%, #2a2e51 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(59.45% 0.2232 352.27) 0.000% 25.000%, oklch(65.75% 0.1089 199.04) 25.000% 50.000%, oklch(81.89% 0.1695 107.10) 50.000% 75.000%, oklch(31.50% 0.0620 277.24) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.223 | 352.3 |
| 2 | 0.657 | 0.109 | 199 |
| 3 | 0.819 | 0.169 | 107.1 |
| 4 | 0.315 | 0.062 | 277.2 |

## In these collections

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

## Other forms

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