# Pale blue and mint summer palette

The Pale blue and mint summer palette brings together pale teal, light green, and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is green, and its lightest tone is pale teal.

- Also called: Light blue, light green and green angular gradient
- Seed: `kW9CmTdSu6vBWvbj3T-1NDAA`
- Page: https://grabient.com/kW9CmTdSu6vBWvbj3T-1NDAA?style=angularGradient&steps=5&angle=135
- Drawn as: angular gradient, 5 steps, 135 degrees
- Kinds: vivid, neon, light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#d5faff` | `oklch(96.06% 0.0383 206.70)` | Salt Mountain | black, 18.9 to 1 |
| 2 | `#96fecd` | `oklch(92.13% 0.1199 162.34)` | Lemon Gate | black, 17.3 to 1 |
| 3 | `#61fe62` | `oklch(88.19% 0.2384 143.31)` | Screamin’ Green | black, 15.8 to 1 |
| 4 | `#35dd0c` | `oklch(78.35% 0.2563 141.20)` | Magic Blade | black, 11.5 to 1 |
| 5 | `#15b30b` | `oklch(66.54% 0.2219 142.26)` | Pikkoro Green | black, 7.4 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #d5faff 0.0%, #96fecd 25.0%, #61fe62 50.0%, #35dd0c 75.0%, #15b30b 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(96.06% 0.0383 206.70) 0.0%, oklch(92.13% 0.1199 162.34) 25.0%, oklch(88.19% 0.2384 143.31) 50.0%, oklch(78.35% 0.2563 141.20) 75.0%, oklch(66.54% 0.2219 142.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.056 | 206.7 |
| 2 | 0.921 | 0.12 | 162.3 |
| 3 | 0.882 | 0.238 | 143.3 |
| 4 | 0.783 | 0.256 | 141.2 |
| 5 | 0.665 | 0.222 | 142.3 |

## In these collections

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

## Other forms

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