# Lime, cobalt blue and violet color palette

The Lime, cobalt blue and violet color palette brings together light green, blue, and purple. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Light green, blue and purple radial swatches
- Seed: `kW205TYBREU6ayxCuUMwsfCQ`
- Page: https://grabient.com/kW205TYBREU6ayxCuUMwsfCQ?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#cddb88` | `oklch(86.22% 0.1075 116.72)` | Medium Spring Bud | black, 14 to 1 |
| 2 | `#95bba0` | `oklch(75.59% 0.0551 153.71)` | Greyed Jade | black, 9.8 to 1 |
| 3 | `#628ab0` | `oklch(61.81% 0.0730 247.76)` | Lichen Blue | black, 5.7 to 1 |
| 4 | `#535dc2` | `oklch(52.36% 0.1571 275.23)` | Circumorbital Ring | white, 5.6 to 1 |
| 5 | `#7646cc` | `oklch(52.36% 0.1970 295.31)` | Purple Rain | white, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cddb88 0.000% 20.000%, #95bba0 20.000% 40.000%, #628ab0 40.000% 60.000%, #535dc2 60.000% 80.000%, #7646cc 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(86.22% 0.1075 116.72) 0.000% 20.000%, oklch(75.59% 0.0551 153.71) 20.000% 40.000%, oklch(61.81% 0.0730 247.76) 40.000% 60.000%, oklch(52.36% 0.1571 275.23) 60.000% 80.000%, oklch(52.36% 0.1970 295.31) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.107 | 116.7 |
| 2 | 0.756 | 0.055 | 153.7 |
| 3 | 0.618 | 0.073 | 247.8 |
| 4 | 0.524 | 0.157 | 275.2 |
| 5 | 0.524 | 0.197 | 295.3 |

## In these collections

- [Cape daisy sea breeze](https://grabient.com/cape-daisy-sea-breeze)
- [Beach swatches](https://grabient.com/beach-swatches)

## Other forms

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