# Deep cyan jade rabbit moonlight

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

- Also called: Black, green, light blue and blue angular swatches
- Seed: `kYPxOKOyI6VwhQHrj8NYg7IkUSwi`
- Page: https://grabient.com/kYPxOKOyI6VwhQHrj8NYg7IkUSwi?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: light center, muted, cool
- Hues: two-hue
- 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 | `#112525` | `oklch(24.80% 0.0262 194.06)` | Sunken Ship | white, 15.9 to 1 |
| 2 | `#326738` | `oklch(46.46% 0.0937 146.51)` | Vegas Green | white, 6.6 to 1 |
| 3 | `#7bb688` | `oklch(72.44% 0.0909 150.74)` | Tree Fern | black, 8.9 to 1 |
| 4 | `#b0d6cd` | `oklch(84.65% 0.0427 179.27)` | Gemini | black, 13.3 to 1 |
| 5 | `#a3b7ce` | `oklch(77.17% 0.0400 252.18)` | Misted Eve | black, 10.2 to 1 |
| 6 | `#656e8e` | `oklch(54.33% 0.0510 271.21)` | Beguiling Blue | white, 5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #112525 0.000% 16.667%, #326738 16.667% 33.333%, #7bb688 33.333% 50.000%, #b0d6cd 50.000% 66.667%, #a3b7ce 66.667% 83.333%, #656e8e 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(24.80% 0.0262 194.06) 0.000% 16.667%, oklch(46.46% 0.0937 146.51) 16.667% 33.333%, oklch(72.44% 0.0909 150.74) 33.333% 50.000%, oklch(84.65% 0.0427 179.27) 50.000% 66.667%, oklch(77.17% 0.0400 252.18) 66.667% 83.333%, oklch(54.33% 0.0510 271.21) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.026 | 194.1 |
| 2 | 0.465 | 0.094 | 146.5 |
| 3 | 0.724 | 0.091 | 150.7 |
| 4 | 0.846 | 0.043 | 179.3 |
| 5 | 0.772 | 0.04 | 252.2 |
| 6 | 0.543 | 0.051 | 271.2 |

## In these collections

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

## Other forms

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