# Violet and emerald summer palette

The Violet and emerald summer palette brings together purple, blue, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Neon blue, teal and green linear gradient
- Seed: `kai8jPwd09siwPLZuLW6ec-G7qP9sZj_A`
- Page: https://grabient.com/kai8jPwd09siwPLZuLW6ec-G7qP9sZj_A
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid, neon
- Hues: split-complementary
- 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 | `#7e2cff` | `oklch(54.72% 0.2756 291.80)` | Szöllősi Grape | white, 5.6 to 1 |
| 2 | `#4343f6` | `oklch(51.57% 0.2563 272.78)` | Bright Greek | white, 6.2 to 1 |
| 3 | `#1f7dc0` | `oklch(57.09% 0.1323 245.30)` | Skylla | black, 4.7 to 1 |
| 4 | `#21bc7b` | `oklch(70.47% 0.1557 158.65)` | Fennel Fiesta | black, 8.5 to 1 |
| 5 | `#00f114` | `oklch(83.07% 0.2799 142.79)` | Squeeze Toy Alien | black, 13.6 to 1 |
| 6 | `#30ff0c` | `oklch(87.01% 0.2888 141.74)` | McNuke | black, 15.4 to 1 |
| 7 | `#43f600` | `oklch(85.04% 0.2778 140.69)` | Plutonium | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #7e2cff 0.0%, #4343f6 16.7%, #1f7dc0 33.3%, #21bc7b 50.0%, #00f114 66.7%, #30ff0c 83.3%, #43f600 100.0%);
background: linear-gradient(90deg in oklch, oklch(54.72% 0.2756 291.80) 0.0%, oklch(51.57% 0.2563 272.78) 16.7%, oklch(57.09% 0.1323 245.30) 33.3%, oklch(70.47% 0.1557 158.65) 50.0%, oklch(83.07% 0.2799 142.79) 66.7%, oklch(87.01% 0.2888 141.74) 83.3%, oklch(85.04% 0.2778 140.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.276 | 291.8 |
| 2 | 0.516 | 0.256 | 272.8 |
| 3 | 0.571 | 0.132 | 245.3 |
| 4 | 0.705 | 0.156 | 158.6 |
| 5 | 0.831 | 0.284 | 142.8 |
| 6 | 0.87 | 0.292 | 141.7 |
| 7 | 0.85 | 0.281 | 140.7 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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