# Navy, bronze and stone jade rabbit moonlight

The Navy, bronze and stone jade rabbit moonlight brings together blue, dark magenta, orange, yellow, and light green. 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 magenta, and its lightest tone is light green.

- Also called: Navy, black, brown and gray angular swatches
- Seed: `kYTU60GI5Iy0WTBNFUM45BFmMOw8`
- Page: https://grabient.com/kYTU60GI5Iy0WTBNFUM45BFmMOw8?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.5 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 | `#002e5c` | `oklch(30.32% 0.0942 253.23)` | Marine | white, 13.5 to 1 |
| 2 | `#1e0e1d` | `oklch(19.29% 0.0386 328.15)` | Shot in the Dark | white, 18.5 to 1 |
| 3 | `#503614` | `oklch(35.43% 0.0606 70.66)` | Moelleux au Chocolat | white, 11.2 to 1 |
| 4 | `#8b835a` | `oklch(60.63% 0.0579 98.13)` | Aged Eucalyptus | black, 5.4 to 1 |
| 5 | `#a7c1a8` | `oklch(78.35% 0.0441 145.69)` | Spring Leaves | black, 10.7 to 1 |
| 6 | `#9dc0b7` | `oklch(77.95% 0.0400 178.45)` | Shadow Green | black, 10.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #002e5c 0.000% 16.667%, #1e0e1d 16.667% 33.333%, #503614 33.333% 50.000%, #8b835a 50.000% 66.667%, #a7c1a8 66.667% 83.333%, #9dc0b7 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(30.32% 0.0942 253.23) 0.000% 16.667%, oklch(19.29% 0.0386 328.15) 16.667% 33.333%, oklch(35.43% 0.0606 70.66) 33.333% 50.000%, oklch(60.63% 0.0579 98.13) 50.000% 66.667%, oklch(78.35% 0.0441 145.69) 66.667% 83.333%, oklch(77.95% 0.0400 178.45) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.107 | 253.1 |
| 2 | 0.193 | 0.039 | 328.2 |
| 3 | 0.354 | 0.061 | 430.7 |
| 4 | 0.606 | 0.058 | 458.1 |
| 5 | 0.783 | 0.044 | 505.7 |
| 6 | 0.78 | 0.04 | 538.4 |

## In these collections

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

## Other forms

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