# Cyan Lime Aurora Fan

These four angular wedges move from bright cyan through pale turquoise, violet, and luminous lime green. The cool opening colors and sharp green finish resemble auroral light splitting across the sky, while violet supplies depth between them. Use them for northern lights graphics, science exhibits, festival posters, or vivid interface accents that need distinct atmospheric color roles.

- Also called: Tritone blue, purple and light green angular swatches
- Seed: `kUs0-U6CG9L6vThuMyrA`
- Page: https://grabient.com/kUs0-U6CG9L6vThuMyrA?style=angularSwatches&steps=4&angle=300
- Drawn as: angular swatches, 4 steps, 300 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#34b2c4` | `oklch(70.47% 0.1089 208.83)` | Lago Blue | black, 8.3 to 1 |
| 2 | `#78d8cc` | `oklch(81.89% 0.0923 185.58)` | Mintos | black, 12.4 to 1 |
| 3 | `#724a9b` | `oklch(49.21% 0.1295 304.99)` | Studio | white, 6.5 to 1 |
| 4 | `#bbe47a` | `oklch(86.61% 0.1406 126.40)` | Idocrase Green | black, 14.4 to 1 |

## CSS

```css
background: conic-gradient(from 300deg, #34b2c4 0.000% 25.000%, #78d8cc 25.000% 50.000%, #724a9b 50.000% 75.000%, #bbe47a 75.000% 100.000%);
background: conic-gradient(from 300deg, oklch(70.47% 0.1089 208.83) 0.000% 25.000%, oklch(81.89% 0.0923 185.58) 25.000% 50.000%, oklch(49.21% 0.1295 304.99) 50.000% 75.000%, oklch(86.61% 0.1406 126.40) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.109 | 208.8 |
| 2 | 0.819 | 0.092 | 185.6 |
| 3 | 0.492 | 0.13 | 305 |
| 4 | 0.866 | 0.141 | 126.4 |

## In these collections

- [Aurora swatches](https://grabient.com/aurora-swatches)

## Other forms

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