# Navy, turquoise and gold jade rabbit moonlight

The Navy, turquoise and gold jade rabbit moonlight brings together dark blue, dark gray, dark green, teal, light blue, pale blue, pale green, and light yellow. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics.

- Also called: Black, dark green, light blue and tan radial gradient
- Seed: `kcNBrME4OzSOJvq_i8VXRBB_GKP15CbM8x68w`
- Page: https://grabient.com/kcNBrME4OzSOJvq_i8VXRBB_GKP15CbM8x68w?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: muted, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 17.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 | `#161427` | `oklch(20.47% 0.0358 286.88)` | Sambucus | white, 18 to 1 |
| 2 | `#0f1422` | `oklch(19.31% 0.0308 268.10)` | Corbeau | white, 18.3 to 1 |
| 3 | `#07121a` | `oklch(17.52% 0.0234 240.54)` | Midnight Edition | white, 18.9 to 1 |
| 4 | `#050f11` | `oklch(15.87% 0.0159 211.22)` | Dark Side of the Moon | white, 19.4 to 1 |
| 5 | `#070d0c` | `oklch(15.17% 0.0106 187.13)` | Dark Side of the Moon | white, 19.5 to 1 |
| 6 | `#090f0d` | `oklch(16.04% 0.0098 173.67)` | Dark Side of the Moon | white, 19.3 to 1 |
| 7 | `#0c1411` | `oklch(18.13% 0.0128 167.02)` | Glimpse Into Space | white, 18.7 to 1 |
| 8 | `#111b16` | `oklch(21.10% 0.0178 165.14)` | Twilight Zone | white, 17.5 to 1 |
| 9 | `#16241e` | `oklch(24.65% 0.0230 166.64)` | Shadow Warrior | white, 16 to 1 |
| 10 | `#1d2f28` | `oklch(28.52% 0.0265 170.21)` | Quartzite | white, 14.1 to 1 |
| 11 | `#253a35` | `oklch(32.94% 0.0282 178.03)` | Tetsu Black | white, 12 to 1 |
| 12 | `#304745` | `oklch(37.94% 0.0291 189.68)` | Firefly | white, 9.8 to 1 |
| 13 | `#3d5657` | `oklch(43.23% 0.0299 202.23)` | Abysse | white, 7.9 to 1 |
| 14 | `#4b646a` | `oklch(48.53% 0.0312 212.78)` | Deep Space Sparkle | white, 6.3 to 1 |
| 15 | `#58737b` | `oklch(53.76% 0.0336 219.60)` | Blue Sage | white, 5 to 1 |
| 16 | `#66838f` | `oklch(59.23% 0.0373 224.65)` | Play Me a Melody | black, 5.2 to 1 |
| 17 | `#7594a2` | `oklch(64.70% 0.0411 228.30)` | Ebb Tide | black, 6.4 to 1 |
| 18 | `#83a4b4` | `oklch(69.87% 0.0437 230.77)` | Grauzone | black, 7.9 to 1 |
| 19 | `#91b2c4` | `oklch(74.49% 0.0438 232.41)` | Bright Bluebonnet | black, 9.3 to 1 |
| 20 | `#a1bfd1` | `oklch(78.74% 0.0410 235.08)` | Sea Breeze | black, 10.8 to 1 |
| 21 | `#b1cadb` | `oklch(82.65% 0.0363 237.14)` | Big Sur | black, 12.3 to 1 |
| 22 | `#bfd5e4` | `oklch(86.11% 0.0315 235.83)` | Light Ridge Light | black, 13.8 to 1 |
| 23 | `#c9dfea` | `oklch(89.01% 0.0279 228.37)` | Skywriter | black, 15.1 to 1 |
| 24 | `#d0e7ec` | `oklch(91.32% 0.0254 211.00)` | Coastal Mist | black, 16.3 to 1 |
| 25 | `#d8eeea` | `oklch(93.11% 0.0229 184.53)` | Puffy Little Cloud | black, 17.2 to 1 |
| 26 | `#e2f1e6` | `oklch(94.38% 0.0217 155.25)` | Weak Mint | black, 17.9 to 1 |
| 27 | `#eaf2e2` | `oklch(95.11% 0.0233 129.52)` | Hidden Jade | black, 18.3 to 1 |
| 28 | `#eff2db` | `oklch(95.22% 0.0297 112.97)` | Fragile Fern | black, 18.3 to 1 |
| 29 | `#f1eece` | `oklch(94.37% 0.0425 103.38)` | Minimal | black, 17.8 to 1 |
| 30 | `#f2e9bc` | `oklch(92.96% 0.0585 98.02)` | Sandy Shore | black, 17.1 to 1 |
| 31 | `#f2e3ab` | `oklch(91.51% 0.0737 95.00)` | Lemon Appeal | black, 16.3 to 1 |
| 32 | `#f3df9f` | `oklch(90.55% 0.0841 92.43)` | Aspen Yellow | black, 15.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #161427 0.0%, #0f1422 3.2%, #07121a 6.5%, #050f11 9.7%, #070d0c 12.9%, #090f0d 16.1%, #0c1411 19.4%, #111b16 22.6%, #16241e 25.8%, #1d2f28 29.0%, #253a35 32.3%, #304745 35.5%, #3d5657 38.7%, #4b646a 41.9%, #58737b 45.2%, #66838f 48.4%, #7594a2 51.6%, #83a4b4 54.8%, #91b2c4 58.1%, #a1bfd1 61.3%, #b1cadb 64.5%, #bfd5e4 67.7%, #c9dfea 71.0%, #d0e7ec 74.2%, #d8eeea 77.4%, #e2f1e6 80.6%, #eaf2e2 83.9%, #eff2db 87.1%, #f1eece 90.3%, #f2e9bc 93.5%, #f2e3ab 96.8%, #f3df9f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0358 286.88) 0.0%, oklch(19.31% 0.0308 268.10) 3.2%, oklch(17.52% 0.0234 240.54) 6.5%, oklch(15.87% 0.0159 211.22) 9.7%, oklch(15.17% 0.0106 187.13) 12.9%, oklch(16.04% 0.0098 173.67) 16.1%, oklch(18.13% 0.0128 167.02) 19.4%, oklch(21.10% 0.0178 165.14) 22.6%, oklch(24.65% 0.0230 166.64) 25.8%, oklch(28.52% 0.0265 170.21) 29.0%, oklch(32.94% 0.0282 178.03) 32.3%, oklch(37.94% 0.0291 189.68) 35.5%, oklch(43.23% 0.0299 202.23) 38.7%, oklch(48.53% 0.0312 212.78) 41.9%, oklch(53.76% 0.0336 219.60) 45.2%, oklch(59.23% 0.0373 224.65) 48.4%, oklch(64.70% 0.0411 228.30) 51.6%, oklch(69.87% 0.0437 230.77) 54.8%, oklch(74.49% 0.0438 232.41) 58.1%, oklch(78.74% 0.0410 235.08) 61.3%, oklch(82.65% 0.0363 237.14) 64.5%, oklch(86.11% 0.0315 235.83) 67.7%, oklch(89.01% 0.0279 228.37) 71.0%, oklch(91.32% 0.0254 211.00) 74.2%, oklch(93.11% 0.0229 184.53) 77.4%, oklch(94.38% 0.0217 155.25) 80.6%, oklch(95.11% 0.0233 129.52) 83.9%, oklch(95.22% 0.0297 112.97) 87.1%, oklch(94.37% 0.0425 103.38) 90.3%, oklch(92.96% 0.0585 98.02) 93.5%, oklch(91.51% 0.0737 95.00) 96.8%, oklch(90.55% 0.0841 92.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.036 | 286.9 |
| 2 | 0.154 | 0.01 | 180.1 |
| 3 | 0.28 | 0.026 | 169.6 |
| 4 | 0.5 | 0.032 | 215 |
| 5 | 0.732 | 0.044 | 231.9 |
| 6 | 0.894 | 0.028 | 226.6 |
| 7 | 0.953 | 0.026 | 118.9 |
| 8 | 0.906 | 0.084 | 92.4 |

## In these collections

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

## Other forms

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