# Near-black, ochre and turquoise jade rabbit moonlight

The Near-black, ochre and turquoise jade rabbit moonlight brings together dark blue, dark orange, orange, gold, light green, and light 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 dark blue, and its lightest tone is light green.

- Also called: Black, brown, light green and light blue radial gradient
- Seed: `kaLhW-nQtQTkcwpXIsG6x7CWyTxVeGEiA`
- Page: https://grabient.com/kaLhW-nQtQTkcwpXIsG6x7CWyTxVeGEiA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#0c111f` | `oklch(18.11% 0.0289 267.89)` | Midnight Edition | white, 18.7 to 1 |
| 2 | `#12111f` | `oklch(18.47% 0.0284 287.73)` | Corbeau | white, 18.7 to 1 |
| 3 | `#180f1b` | `oklch(18.80% 0.0272 316.75)` | Shot in the Dark | white, 18.6 to 1 |
| 4 | `#1e1016` | `oklch(19.39% 0.0264 349.42)` | Italian Roast | white, 18.4 to 1 |
| 5 | `#221212` | `oklch(20.50% 0.0268 20.20)` | Italian Roast | white, 18 to 1 |
| 6 | `#271710` | `oklch(22.42% 0.0296 43.55)` | Used Oil | white, 17.2 to 1 |
| 7 | `#301e11` | `oklch(25.39% 0.0358 56.58)` | Coffee Grounds | white, 15.9 to 1 |
| 8 | `#3c2713` | `oklch(29.31% 0.0453 63.08)` | Brown Tumbleweed | white, 14 to 1 |
| 9 | `#4b3115` | `oklch(33.85% 0.0563 65.50)` | Bavarian Sweet Mustard | white, 11.9 to 1 |
| 10 | `#5c3c19` | `oklch(38.65% 0.0672 66.19)` | Hippogriff Brown | white, 9.8 to 1 |
| 11 | `#6c481d` | `oklch(43.38% 0.0762 67.52)` | Antique Brass | white, 8.1 to 1 |
| 12 | `#7b5523` | `oklch(47.91% 0.0824 70.75)` | Lizard Brown | white, 6.6 to 1 |
| 13 | `#89622b` | `oklch(52.66% 0.0872 73.65)` | Kumera | white, 5.4 to 1 |
| 14 | `#977135` | `oklch(57.49% 0.0908 76.26)` | Damascene | black, 4.7 to 1 |
| 15 | `#a58040` | `oklch(62.17% 0.0932 78.85)` | Gold Dust | black, 5.7 to 1 |
| 16 | `#b18e4c` | `oklch(66.52% 0.0947 81.70)` | Honey Mustard | black, 6.8 to 1 |
| 17 | `#bb9b57` | `oklch(70.40% 0.0952 84.94)` | Escapade Gold | black, 7.9 to 1 |
| 18 | `#c4a863` | `oklch(74.09% 0.0945 88.00)` | Spring Roll | black, 9.1 to 1 |
| 19 | `#ccb46f` | `oklch(77.51% 0.0927 91.15)` | Autumn Wandering | black, 10.3 to 1 |
| 20 | `#d2bf7b` | `oklch(80.53% 0.0900 94.85)` | Further Afield | black, 11.4 to 1 |
| 21 | `#d5c987` | `oklch(82.99% 0.0866 99.52)` | Green Apple Martini | black, 12.5 to 1 |
| 22 | `#d4d191` | `oklch(84.76% 0.0826 105.55)` | Lemon Fennel | black, 13.3 to 1 |
| 23 | `#d1d79c` | `oklch(85.90% 0.0765 112.64)` | Misty Bead | black, 13.8 to 1 |
| 24 | `#ccdaa7` | `oklch(86.48% 0.0693 120.65)` | Chameleon | black, 14.1 to 1 |
| 25 | `#c6dbb1` | `oklch(86.54% 0.0621 129.65)` | White Vienna | black, 14.2 to 1 |
| 26 | `#bfdbb8` | `oklch(86.12% 0.0564 139.67)` | Soft Lumen | black, 14 to 1 |
| 27 | `#b6d9bd` | `oklch(85.25% 0.0535 150.80)` | Ice Mist | black, 13.6 to 1 |
| 28 | `#a9d5c0` | `oklch(83.48% 0.0539 164.87)` | Southern Belle | black, 12.9 to 1 |
| 29 | `#99cdc3` | `oklch(80.95% 0.0566 181.19)` | Jamaica Bay | black, 11.8 to 1 |
| 30 | `#8ac4c6` | `oklch(78.18% 0.0603 197.56)` | Bay Mist | black, 10.8 to 1 |
| 31 | `#80bbc8` | `oklch(75.70% 0.0639 211.81)` | Azure Lake | black, 9.8 to 1 |
| 32 | `#7bb5c9` | `oklch(74.02% 0.0661 221.75)` | Tennis Blue | black, 9.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0c111f 0.0%, #12111f 3.2%, #180f1b 6.5%, #1e1016 9.7%, #221212 12.9%, #271710 16.1%, #301e11 19.4%, #3c2713 22.6%, #4b3115 25.8%, #5c3c19 29.0%, #6c481d 32.3%, #7b5523 35.5%, #89622b 38.7%, #977135 41.9%, #a58040 45.2%, #b18e4c 48.4%, #bb9b57 51.6%, #c4a863 54.8%, #ccb46f 58.1%, #d2bf7b 61.3%, #d5c987 64.5%, #d4d191 67.7%, #d1d79c 71.0%, #ccdaa7 74.2%, #c6dbb1 77.4%, #bfdbb8 80.6%, #b6d9bd 83.9%, #a9d5c0 87.1%, #99cdc3 90.3%, #8ac4c6 93.5%, #80bbc8 96.8%, #7bb5c9 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0289 267.89) 0.0%, oklch(18.47% 0.0284 287.73) 3.2%, oklch(18.80% 0.0272 316.75) 6.5%, oklch(19.39% 0.0264 349.42) 9.7%, oklch(20.50% 0.0268 20.20) 12.9%, oklch(22.42% 0.0296 43.55) 16.1%, oklch(25.39% 0.0358 56.58) 19.4%, oklch(29.31% 0.0453 63.08) 22.6%, oklch(33.85% 0.0563 65.50) 25.8%, oklch(38.65% 0.0672 66.19) 29.0%, oklch(43.38% 0.0762 67.52) 32.3%, oklch(47.91% 0.0824 70.75) 35.5%, oklch(52.66% 0.0872 73.65) 38.7%, oklch(57.49% 0.0908 76.26) 41.9%, oklch(62.17% 0.0932 78.85) 45.2%, oklch(66.52% 0.0947 81.70) 48.4%, oklch(70.40% 0.0952 84.94) 51.6%, oklch(74.09% 0.0945 88.00) 54.8%, oklch(77.51% 0.0927 91.15) 58.1%, oklch(80.53% 0.0900 94.85) 61.3%, oklch(82.99% 0.0866 99.52) 64.5%, oklch(84.76% 0.0826 105.55) 67.7%, oklch(85.90% 0.0765 112.64) 71.0%, oklch(86.48% 0.0693 120.65) 74.2%, oklch(86.54% 0.0621 129.65) 77.4%, oklch(86.12% 0.0564 139.67) 80.6%, oklch(85.25% 0.0535 150.80) 83.9%, oklch(83.48% 0.0539 164.87) 87.1%, oklch(80.95% 0.0566 181.19) 90.3%, oklch(78.18% 0.0603 197.56) 93.5%, oklch(75.70% 0.0639 211.81) 96.8%, oklch(74.02% 0.0661 221.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.029 | 267.9 |
| 2 | 0.228 | 0.03 | 406.3 |
| 3 | 0.449 | 0.079 | 428.5 |
| 4 | 0.685 | 0.095 | 443.3 |
| 5 | 0.843 | 0.084 | 463.4 |
| 6 | 0.854 | 0.054 | 508.8 |
| 7 | 0.74 | 0.066 | 581.7 |

## In these collections

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

## Other forms

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