# Lime blue and green palette

The Lime blue and green palette brings together blue, teal, green, and light green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Vivid duotone blue to light green linear gradient
- Seed: `kaqoHFW7U9uQuPXtKrzc7M63M9vb0xr5A`
- Page: https://grabient.com/kaqoHFW7U9uQuPXtKrzc7M63M9vb0xr5A
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, light, cool
- Hues: wide
- 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 | `#7c86ff` | `oklch(66.93% 0.1769 277.03)` | Orchid | black, 6.7 to 1 |
| 2 | `#68a5ff` | `oklch(72.05% 0.1461 258.01)` | Âbi Blue | black, 8.4 to 1 |
| 3 | `#62c5ff` | `oklch(78.74% 0.1241 236.87)` | Blue Mana | black, 10.9 to 1 |
| 4 | `#63e5fb` | `oklch(85.83% 0.1171 210.46)` | Shimmering Expanse Cyan | black, 14.1 to 1 |
| 5 | `#75ffce` | `oklch(90.94% 0.1406 167.13)` | Calamine Blue | black, 16.9 to 1 |
| 6 | `#89fe9e` | `oklch(90.55% 0.1695 148.11)` | Baby Green | black, 16.7 to 1 |
| 7 | `#abff72` | `oklch(91.73% 0.1924 134.37)` | Key Lime | black, 17.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #7c86ff 0.0%, #68a5ff 16.7%, #62c5ff 33.3%, #63e5fb 50.0%, #75ffce 66.7%, #89fe9e 83.3%, #abff72 100.0%);
background: linear-gradient(90deg in oklch, oklch(66.93% 0.1769 277.03) 0.0%, oklch(72.05% 0.1461 258.01) 16.7%, oklch(78.74% 0.1241 236.87) 33.3%, oklch(85.83% 0.1171 210.46) 50.0%, oklch(90.94% 0.1406 167.13) 66.7%, oklch(90.55% 0.1695 148.11) 83.3%, oklch(91.73% 0.1924 134.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.178 | 277 |
| 2 | 0.72 | 0.146 | 258 |
| 3 | 0.787 | 0.127 | 236.9 |
| 4 | 0.858 | 0.117 | 210.5 |
| 5 | 0.909 | 0.141 | 167.1 |
| 6 | 0.906 | 0.169 | 148.1 |
| 7 | 0.917 | 0.194 | 134.4 |

## In these collections

- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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