# Pale blue, teal and forest green analogous

The Pale blue, teal and forest green analogous brings together pale blue, teal, green, and dark green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark green, and its lightest tone is pale blue.

- Also called: Light blue, teal and dark green linear swatches
- Seed: `kW5SygZKu9lU2vVCMz0ph0-I`
- Page: https://grabient.com/kW5SygZKu9lU2vVCMz0ph0-I?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#b4e8fd` | `oklch(90.16% 0.0606 225.00)` | Breaking the Ice | black, 15.8 to 1 |
| 2 | `#41d1df` | `oklch(79.13% 0.1199 204.92)` | Blue Radiance | black, 11.3 to 1 |
| 3 | `#00ac9b` | `oklch(66.93% 0.1194 182.73)` | Pool Green | black, 7.4 to 1 |
| 4 | `#007d50` | `oklch(51.97% 0.1186 159.47)` | Salem | white, 5.1 to 1 |
| 5 | `#0d3711` | `oklch(29.92% 0.0799 144.69)` | Gameboy Contrast | white, 13.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b4e8fd 0.000% 20.000%, #41d1df 20.000% 40.000%, #00ac9b 40.000% 60.000%, #007d50 60.000% 80.000%, #0d3711 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.16% 0.0606 225.00) 0.000% 20.000%, oklch(79.13% 0.1199 204.92) 20.000% 40.000%, oklch(66.93% 0.1194 182.73) 40.000% 60.000%, oklch(51.97% 0.1186 159.47) 60.000% 80.000%, oklch(29.92% 0.0799 144.69) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.061 | 225 |
| 2 | 0.791 | 0.12 | 204.9 |
| 3 | 0.669 | 0.15 | 182.7 |
| 4 | 0.52 | 0.141 | 159.5 |
| 5 | 0.299 | 0.08 | 144.7 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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