# Navy, aqua and tan jade rabbit moonlight

The Navy, aqua and tan jade rabbit moonlight brings together dark blue, blue, light teal, light green, and yellow. 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 dark blue, and its lightest tone is light green.

- Also called: Navy, light blue, gray and brown linear gradient
- Seed: `kYSUO4RSM9-WUvHvjrdXBS7beQv0`
- Page: https://grabient.com/kYSUO4RSM9-WUvHvjrdXBS7beQv0?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.1 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 | `#092957` | `oklch(28.74% 0.0923 258.75)` | Dark Tyrian Blue | white, 14.3 to 1 |
| 2 | `#0d305f` | `oklch(31.42% 0.0932 257.12)` | Ambassador Blue | white, 13 to 1 |
| 3 | `#123b6b` | `oklch(35.10% 0.0949 254.99)` | Ateneo Blue | white, 11.3 to 1 |
| 4 | `#194778` | `oklch(39.47% 0.0967 252.42)` | Thunder Night | white, 9.4 to 1 |
| 5 | `#215687` | `oklch(44.21% 0.0981 249.46)` | Strong Will | white, 7.6 to 1 |
| 6 | `#296595` | `oklch(48.99% 0.0984 246.17)` | Starry Night | white, 6.2 to 1 |
| 7 | `#3373a1` | `oklch(53.49% 0.0970 242.59)` | Muted Blue | white, 5.1 to 1 |
| 8 | `#3f81ab` | `oklch(57.76% 0.0933 238.96)` | Lake Henry | black, 4.9 to 1 |
| 9 | `#4e8fb4` | `oklch(62.29% 0.0874 235.47)` | Atlantic Gull | black, 5.9 to 1 |
| 10 | `#5f9ebe` | `oklch(66.88% 0.0801 231.76)` | Dupain | black, 7.1 to 1 |
| 11 | `#70acc6` | `oklch(71.30% 0.0723 227.44)` | Moonstone Blue | black, 8.4 to 1 |
| 12 | `#81b9cd` | `oklch(75.34% 0.0648 222.12)` | Petit Four | black, 9.7 to 1 |
| 13 | `#8fc4d2` | `oklch(78.77% 0.0585 215.41)` | After the Rain | black, 10.9 to 1 |
| 14 | `#9acdd4` | `oklch(81.48% 0.0538 206.76)` | Peppermint Twist | black, 12 to 1 |
| 15 | `#a5d5d4` | `oklch(83.79% 0.0497 195.65)` | Smooth Satin | black, 13 to 1 |
| 16 | `#afdad3` | `oklch(85.66% 0.0462 182.96)` | Wave Top | black, 13.8 to 1 |
| 17 | `#b9ded0` | `oklch(87.04% 0.0434 169.66)` | Jade Sea | black, 14.4 to 1 |
| 18 | `#c2e0cc` | `oklch(87.85% 0.0413 156.75)` | Luna Green | black, 14.7 to 1 |
| 19 | `#c8dfc8` | `oklch(88.03% 0.0402 145.20)` | Spring Burst | black, 14.8 to 1 |
| 20 | `#cadcc2` | `oklch(87.49% 0.0401 135.83)` | Bethany | black, 14.5 to 1 |
| 21 | `#cad7ba` | `oklch(86.16% 0.0420 127.74)` | Vintage Glass | black, 13.9 to 1 |
| 22 | `#c6d0af` | `oklch(84.16% 0.0452 120.57)` | Bamboo White | black, 13 to 1 |
| 23 | `#c2c7a3` | `oklch(81.58% 0.0491 114.30)` | Sage Splendour | black, 11.9 to 1 |
| 24 | `#bbbc96` | `oklch(78.57% 0.0527 108.90)` | Paspalum Grass | black, 10.7 to 1 |
| 25 | `#b4b188` | `oklch(75.25% 0.0555 104.35)` | Lively Ivy | black, 9.5 to 1 |
| 26 | `#aba57c` | `oklch(71.70% 0.0566 100.63)` | Olive Tree | black, 8.4 to 1 |
| 27 | `#9f976f` | `oklch(67.29% 0.0559 98.13)` | Sponge | black, 7.1 to 1 |
| 28 | `#8f8761` | `oklch(62.06% 0.0542 96.79)` | Oregano Spice | black, 5.8 to 1 |
| 29 | `#7f7653` | `oklch(56.56% 0.0518 96.25)` | Cabbage Green | black, 4.6 to 1 |
| 30 | `#6f6746` | `oklch(51.32% 0.0492 96.17)` | Mount Olive | white, 5.6 to 1 |
| 31 | `#625b3c` | `oklch(46.85% 0.0469 96.21)` | Beach Casuarina | white, 6.8 to 1 |
| 32 | `#595234` | `oklch(43.70% 0.0455 96.01)` | Batu Cave | white, 7.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #092957 0.0%, #0d305f 3.2%, #123b6b 6.5%, #194778 9.7%, #215687 12.9%, #296595 16.1%, #3373a1 19.4%, #3f81ab 22.6%, #4e8fb4 25.8%, #5f9ebe 29.0%, #70acc6 32.3%, #81b9cd 35.5%, #8fc4d2 38.7%, #9acdd4 41.9%, #a5d5d4 45.2%, #afdad3 48.4%, #b9ded0 51.6%, #c2e0cc 54.8%, #c8dfc8 58.1%, #cadcc2 61.3%, #cad7ba 64.5%, #c6d0af 67.7%, #c2c7a3 71.0%, #bbbc96 74.2%, #b4b188 77.4%, #aba57c 80.6%, #9f976f 83.9%, #8f8761 87.1%, #7f7653 90.3%, #6f6746 93.5%, #625b3c 96.8%, #595234 100.0%);
background: linear-gradient(45deg in oklch, oklch(28.74% 0.0923 258.75) 0.0%, oklch(31.42% 0.0932 257.12) 3.2%, oklch(35.10% 0.0949 254.99) 6.5%, oklch(39.47% 0.0967 252.42) 9.7%, oklch(44.21% 0.0981 249.46) 12.9%, oklch(48.99% 0.0984 246.17) 16.1%, oklch(53.49% 0.0970 242.59) 19.4%, oklch(57.76% 0.0933 238.96) 22.6%, oklch(62.29% 0.0874 235.47) 25.8%, oklch(66.88% 0.0801 231.76) 29.0%, oklch(71.30% 0.0723 227.44) 32.3%, oklch(75.34% 0.0648 222.12) 35.5%, oklch(78.77% 0.0585 215.41) 38.7%, oklch(81.48% 0.0538 206.76) 41.9%, oklch(83.79% 0.0497 195.65) 45.2%, oklch(85.66% 0.0462 182.96) 48.4%, oklch(87.04% 0.0434 169.66) 51.6%, oklch(87.85% 0.0413 156.75) 54.8%, oklch(88.03% 0.0402 145.20) 58.1%, oklch(87.49% 0.0401 135.83) 61.3%, oklch(86.16% 0.0420 127.74) 64.5%, oklch(84.16% 0.0452 120.57) 67.7%, oklch(81.58% 0.0491 114.30) 71.0%, oklch(78.57% 0.0527 108.90) 74.2%, oklch(75.25% 0.0555 104.35) 77.4%, oklch(71.70% 0.0566 100.63) 80.6%, oklch(67.29% 0.0559 98.13) 83.9%, oklch(62.06% 0.0542 96.79) 87.1%, oklch(56.56% 0.0518 96.25) 90.3%, oklch(51.32% 0.0492 96.17) 93.5%, oklch(46.85% 0.0469 96.21) 96.8%, oklch(43.70% 0.0455 96.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.092 | 258.8 |
| 2 | 0.543 | 0.096 | 241.8 |
| 3 | 0.799 | 0.056 | 212.3 |
| 4 | 0.878 | 0.04 | 139.3 |
| 5 | 0.724 | 0.056 | 101.3 |
| 6 | 0.437 | 0.045 | 96 |

## In these collections

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

## Other forms

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