# Navy, teal and sage jade rabbit moonlight

The Navy, teal and sage jade rabbit moonlight brings together dark blue, blue, light teal, pale green, and light green. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale green.

- Also called: Duotone navy to light green linear gradient
- Seed: `kWRze4wps9WGXOvxmLrapo7w`
- Page: https://grabient.com/kWRze4wps9WGXOvxmLrapo7w?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 11 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 | `#10284d` | `oklch(27.95% 0.0758 259.45)` | Dark Tyrian Blue | white, 14.7 to 1 |
| 2 | `#132d53` | `oklch(29.91% 0.0757 257.82)` | Dark Tyrian Blue | white, 13.7 to 1 |
| 3 | `#17345a` | `oklch(32.52% 0.0758 255.80)` | Incremental Blue | white, 12.4 to 1 |
| 4 | `#1d3d63` | `oklch(35.63% 0.0758 253.40)` | Navy Peony | white, 11 to 1 |
| 5 | `#23476c` | `oklch(39.08% 0.0758 250.63)` | Grape Blue | white, 9.5 to 1 |
| 6 | `#2a5276` | `oklch(42.71% 0.0757 247.52)` | Midnight Sonata | white, 8.1 to 1 |
| 7 | `#315d80` | `oklch(46.37% 0.0754 244.07)` | Matisse | white, 6.9 to 1 |
| 8 | `#386889` | `oklch(49.90% 0.0749 240.30)` | Drake’s Neck | white, 5.9 to 1 |
| 9 | `#3e7392` | `oklch(53.16% 0.0742 236.20)` | Harbour Blue | white, 5.1 to 1 |
| 10 | `#467d99` | `oklch(56.43% 0.0730 231.59)` | Linoleum Blue | black, 4.6 to 1 |
| 11 | `#4e89a1` | `oklch(59.80% 0.0715 226.49)` | Cossack Dancer | black, 5.3 to 1 |
| 12 | `#5794a8` | `oklch(63.20% 0.0697 221.01)` | Manitou Blue | black, 6.1 to 1 |
| 13 | `#619fae` | `oklch(66.55% 0.0679 215.28)` | Crystal Blue | black, 7 to 1 |
| 14 | `#6ba9b4` | `oklch(69.77% 0.0662 209.41)` | Summer Sea | black, 7.9 to 1 |
| 15 | `#75b3b9` | `oklch(72.79% 0.0647 203.54)` | Buoyancy | black, 8.9 to 1 |
| 16 | `#7ebcbe` | `oklch(75.53% 0.0637 197.79)` | Pure Turquoise | black, 9.8 to 1 |
| 17 | `#87c5c2` | `oklch(77.95% 0.0632 192.21)` | Enchanted Isle | black, 10.7 to 1 |
| 18 | `#8fccc5` | `oklch(80.23% 0.0632 186.54)` | Tropical Holiday | black, 11.6 to 1 |
| 19 | `#97d3c7` | `oklch(82.35% 0.0636 180.80)` | Opal Turquoise | black, 12.4 to 1 |
| 20 | `#9fdac9` | `oklch(84.28% 0.0642 175.02)` | Yucca Cream | black, 13.3 to 1 |
| 21 | `#a7dfca` | `oklch(85.97% 0.0650 169.29)` | Meristem | black, 14 to 1 |
| 22 | `#aee4ca` | `oklch(87.39% 0.0659 163.66)` | Coastal Foam | black, 14.7 to 1 |
| 23 | `#b5e7c9` | `oklch(88.49% 0.0667 158.18)` | Canton Jade | black, 15.2 to 1 |
| 24 | `#bae9c7` | `oklch(89.24% 0.0674 152.93)` | Mint-o-licious | black, 15.5 to 1 |
| 25 | `#bfe9c3` | `oklch(89.53% 0.0679 147.81)` | Slime Lime | black, 15.7 to 1 |
| 26 | `#c2e8be` | `oklch(89.24% 0.0685 142.53)` | Lime Sorbet | black, 15.5 to 1 |
| 27 | `#c4e5b8` | `oklch(88.53% 0.0692 137.25)` | Iced Avocado | black, 15.1 to 1 |
| 28 | `#c5e0b1` | `oklch(87.54% 0.0698 132.14)` | Viridine Green | black, 14.7 to 1 |
| 29 | `#c6dcaa` | `oklch(86.42% 0.0704 127.37)` | Bowling Green | black, 14.1 to 1 |
| 30 | `#c6d7a4` | `oklch(85.34% 0.0709 123.11)` | Winter Willow Green | black, 13.6 to 1 |
| 31 | `#c6d39f` | `oklch(84.43% 0.0713 119.52)` | Cricket Field | black, 13.2 to 1 |
| 32 | `#c6d19b` | `oklch(83.86% 0.0717 116.79)` | Cricket Field | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #10284d 0.0%, #132d53 3.2%, #17345a 6.5%, #1d3d63 9.7%, #23476c 12.9%, #2a5276 16.1%, #315d80 19.4%, #386889 22.6%, #3e7392 25.8%, #467d99 29.0%, #4e89a1 32.3%, #5794a8 35.5%, #619fae 38.7%, #6ba9b4 41.9%, #75b3b9 45.2%, #7ebcbe 48.4%, #87c5c2 51.6%, #8fccc5 54.8%, #97d3c7 58.1%, #9fdac9 61.3%, #a7dfca 64.5%, #aee4ca 67.7%, #b5e7c9 71.0%, #bae9c7 74.2%, #bfe9c3 77.4%, #c2e8be 80.6%, #c4e5b8 83.9%, #c5e0b1 87.1%, #c6dcaa 90.3%, #c6d7a4 93.5%, #c6d39f 96.8%, #c6d19b 100.0%);
background: linear-gradient(0deg in oklch, oklch(27.95% 0.0758 259.45) 0.0%, oklch(29.91% 0.0757 257.82) 3.2%, oklch(32.52% 0.0758 255.80) 6.5%, oklch(35.63% 0.0758 253.40) 9.7%, oklch(39.08% 0.0758 250.63) 12.9%, oklch(42.71% 0.0757 247.52) 16.1%, oklch(46.37% 0.0754 244.07) 19.4%, oklch(49.90% 0.0749 240.30) 22.6%, oklch(53.16% 0.0742 236.20) 25.8%, oklch(56.43% 0.0730 231.59) 29.0%, oklch(59.80% 0.0715 226.49) 32.3%, oklch(63.20% 0.0697 221.01) 35.5%, oklch(66.55% 0.0679 215.28) 38.7%, oklch(69.77% 0.0662 209.41) 41.9%, oklch(72.79% 0.0647 203.54) 45.2%, oklch(75.53% 0.0637 197.79) 48.4%, oklch(77.95% 0.0632 192.21) 51.6%, oklch(80.23% 0.0632 186.54) 54.8%, oklch(82.35% 0.0636 180.80) 58.1%, oklch(84.28% 0.0642 175.02) 61.3%, oklch(85.97% 0.0650 169.29) 64.5%, oklch(87.39% 0.0659 163.66) 67.7%, oklch(88.49% 0.0667 158.18) 71.0%, oklch(89.24% 0.0674 152.93) 74.2%, oklch(89.53% 0.0679 147.81) 77.4%, oklch(89.24% 0.0685 142.53) 80.6%, oklch(88.53% 0.0692 137.25) 83.9%, oklch(87.54% 0.0698 132.14) 87.1%, oklch(86.42% 0.0704 127.37) 90.3%, oklch(85.34% 0.0709 123.11) 93.5%, oklch(84.43% 0.0713 119.52) 96.8%, oklch(83.86% 0.0717 116.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.076 | 259.5 |
| 2 | 0.524 | 0.074 | 237.3 |
| 3 | 0.768 | 0.063 | 195 |
| 4 | 0.894 | 0.068 | 151.7 |
| 5 | 0.839 | 0.072 | 116.8 |

## In these collections

- [Jade rabbit moonlight](https://grabient.com/jade-rabbit-moonlight)

## Other forms

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