# Lime and navy blue and green palette

The Lime and navy blue and green palette brings together light green, green, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Duotone green and navy angular swatches
- Seed: `ka0k5UYzbAtk5wDLssAvSbAK-PQuoFcxg`
- Page: https://grabient.com/ka0k5UYzbAtk5wDLssAvSbAK-PQuoFcxg?style=angularSwatches&steps=8&angle=0
- Drawn as: angular swatches, 8 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.7 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 | `#c0d07e` | `oklch(82.68% 0.1075 118.12)` | Alligator Alley | black, 12.5 to 1 |
| 2 | `#a7c958` | `oklch(78.83% 0.1455 123.73)` | Sweet Midori | black, 11.1 to 1 |
| 3 | `#8db839` | `oklch(72.62% 0.1591 126.10)` | Outrageous Green | black, 9 to 1 |
| 4 | `#729d28` | `oklch(64.20% 0.1499 127.79)` | Luminescent Green | black, 6.5 to 1 |
| 5 | `#5a7e1f` | `oklch(54.57% 0.1276 128.38)` | Birch Leaf Green | white, 4.7 to 1 |
| 6 | `#405f2a` | `oklch(44.80% 0.0875 134.02)` | Obscure Olive | white, 7.2 to 1 |
| 7 | `#28453a` | `oklch(36.26% 0.0397 167.97)` | Mushiao Green | white, 10.5 to 1 |
| 8 | `#213150` | `oklch(31.50% 0.0593 261.84)` | Manganese Black | white, 12.9 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #c0d07e 0.000% 12.500%, #a7c958 12.500% 25.000%, #8db839 25.000% 37.500%, #729d28 37.500% 50.000%, #5a7e1f 50.000% 62.500%, #405f2a 62.500% 75.000%, #28453a 75.000% 87.500%, #213150 87.500% 100.000%);
background: conic-gradient(from 0deg, oklch(82.68% 0.1075 118.12) 0.000% 12.500%, oklch(78.83% 0.1455 123.73) 12.500% 25.000%, oklch(72.62% 0.1591 126.10) 25.000% 37.500%, oklch(64.20% 0.1499 127.79) 37.500% 50.000%, oklch(54.57% 0.1276 128.38) 50.000% 62.500%, oklch(44.80% 0.0875 134.02) 62.500% 75.000%, oklch(36.26% 0.0397 167.97) 75.000% 87.500%, oklch(31.50% 0.0593 261.84) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.107 | 118.1 |
| 2 | 0.78 | 0.15 | 124.5 |
| 3 | 0.701 | 0.158 | 126.6 |
| 4 | 0.594 | 0.139 | 128.7 |
| 5 | 0.48 | 0.106 | 130.8 |
| 6 | 0.374 | 0.041 | 156.2 |
| 7 | 0.315 | 0.059 | 261.8 |

## In these collections

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

## Other forms

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