# Navy and lime blue and green palette

The Navy and lime blue and green palette brings together blue, teal, green, and yellow. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Neon blue, lime green and yellow angular gradient
- Seed: `kcX3W4NjO_8GZOxRr7dZVI-_NcP501T8-FC_A`
- Page: https://grabient.com/kcX3W4NjO_8GZOxRr7dZVI-_NcP501T8-FC_A?style=angularGradient&steps=10&angle=180
- Drawn as: angular gradient, 10 steps, 180 degrees
- Kinds: dark to light, vivid, neon
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.2 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 | `#003b8b` | `oklch(37.41% 0.1436 258.80)` | Mystery Oceans | white, 10.5 to 1 |
| 2 | `#15449a` | `oklch(41.02% 0.1502 261.52)` | Space Explorer | white, 9 to 1 |
| 3 | `#1b618b` | `oklch(47.09% 0.0950 240.29)` | Copenhagen Blue | white, 6.7 to 1 |
| 4 | `#2f817f` | `oklch(55.41% 0.0783 193.19)` | Nero’s Green | white, 4.5 to 1 |
| 5 | `#5da651` | `oklch(65.78% 0.1404 140.82)` | Jungle Jewels | black, 7 to 1 |
| 6 | `#6dd52b` | `oklch(78.00% 0.2182 136.52)` | Download Progress | black, 11.1 to 1 |
| 7 | `#8bf80d` | `oklch(87.77% 0.2503 134.09)` | Mochito | black, 15.4 to 1 |
| 8 | `#b1ff4c` | `oklch(91.66% 0.2177 130.45)` | Irradiated Green | black, 17.2 to 1 |
| 9 | `#c3fe08` | `oklch(92.29% 0.2308 124.94)` | French Lime | black, 17.5 to 1 |
| 10 | `#deff40` | `oklch(94.49% 0.2043 119.26)` | Tennis Ball | black, 18.4 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #003b8b 0.0%, #15449a 11.1%, #1b618b 22.2%, #2f817f 33.3%, #5da651 44.4%, #6dd52b 55.6%, #8bf80d 66.7%, #b1ff4c 77.8%, #c3fe08 88.9%, #deff40 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(37.41% 0.1436 258.80) 0.0%, oklch(41.02% 0.1502 261.52) 11.1%, oklch(47.09% 0.0950 240.29) 22.2%, oklch(55.41% 0.0783 193.19) 33.3%, oklch(65.78% 0.1404 140.82) 44.4%, oklch(78.00% 0.2182 136.52) 55.6%, oklch(87.77% 0.2503 134.09) 66.7%, oklch(91.66% 0.2177 130.45) 77.8%, oklch(92.29% 0.2308 124.94) 88.9%, oklch(94.49% 0.2043 119.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.161 | 258.8 |
| 2 | 0.425 | 0.142 | 258.8 |
| 3 | 0.516 | 0.069 | 217.5 |
| 4 | 0.642 | 0.131 | 144.6 |
| 5 | 0.795 | 0.226 | 136.2 |
| 6 | 0.906 | 0.254 | 133 |
| 7 | 0.917 | 0.234 | 126.7 |
| 8 | 0.945 | 0.222 | 119.3 |

## In these collections

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

## Other forms

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