# Jade blue lantern

Soft cream and celadon fade into slate blue, then deep jade and forest green before a teal and pale moonlit blue return. Calm, cool and lantern-lit. Suits tea and wellness branding, lunar festival graphics and nocturnal backgrounds.

- Also called: Gray, dark green, teal and light blue linear gradient
- Seed: `kU4BI-yZZQKYkt7bmcsg`
- Page: https://grabient.com/kU4BI-yZZQKYkt7bmcsg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.3 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 | `#dfd8c6` | `oklch(88.19% 0.0248 87.89)` | Sentimental Beige | black, 14.7 to 1 |
| 2 | `#d7d3bf` | `oklch(86.44% 0.0268 96.64)` | Barest Celadon | black, 13.9 to 1 |
| 3 | `#cccdb7` | `oklch(84.19% 0.0294 108.96)` | Half Moon | black, 12.9 to 1 |
| 4 | `#bec7b0` | `oklch(81.53% 0.0325 123.93)` | Tamboon | black, 11.9 to 1 |
| 5 | `#adbfaa` | `oklch(78.55% 0.0359 140.59)` | Young Gecko | black, 10.8 to 1 |
| 6 | `#9bb7a6` | `oklch(75.33% 0.0396 158.02)` | Silver Leaf | black, 9.7 to 1 |
| 7 | `#89aea3` | `oklch(71.97% 0.0435 175.29)` | Sea Nymph | black, 8.6 to 1 |
| 8 | `#78a4a1` | `oklch(68.55% 0.0475 191.44)` | Sightful | black, 7.6 to 1 |
| 9 | `#6a999f` | `oklch(65.16% 0.0516 205.55)` | Flood Tide | black, 6.6 to 1 |
| 10 | `#5e8f9c` | `oklch(61.89% 0.0555 216.68)` | Cabana Blue | black, 5.8 to 1 |
| 11 | `#548597` | `oklch(58.83% 0.0594 223.90)` | Blue Moon Bay | black, 5.1 to 1 |
| 12 | `#497c91` | `oklch(55.87% 0.0632 226.29)` | Coelin Blue | white, 4.5 to 1 |
| 13 | `#3a7387` | `oklch(52.47% 0.0676 223.97)` | Clear Viridian | white, 5.2 to 1 |
| 14 | `#256a7b` | `oklch(48.76% 0.0724 217.91)` | Allports | white, 6.1 to 1 |
| 15 | `#00606c` | `oklch(44.93% 0.0774 209.12)` | Petrol | white, 7.2 to 1 |
| 16 | `#005659` | `oklch(41.18% 0.0700 198.62)` | Deep Teal | white, 8.4 to 1 |
| 17 | `#004c48` | `oklch(37.66% 0.0657 187.40)` | Swamp Mausoleum | white, 9.8 to 1 |
| 18 | `#004438` | `oklch(34.58% 0.0644 176.48)` | UP Forest Green | white, 11.1 to 1 |
| 19 | `#003d2c` | `oklch(32.11% 0.0659 166.87)` | Deep Fir | white, 12.2 to 1 |
| 20 | `#003922` | `oklch(30.44% 0.0693 159.60)` | Off-Road Green | white, 13 to 1 |
| 21 | `#00371d` | `oklch(29.75% 0.0726 155.69)` | Off-Road Green | white, 13.3 to 1 |
| 22 | `#00391e` | `oklch(30.25% 0.0733 156.07)` | Off-Road Green | white, 13.1 to 1 |
| 23 | `#003e26` | `oklch(32.24% 0.0725 160.35)` | Angel Green | white, 12.1 to 1 |
| 24 | `#004834` | `oklch(35.53% 0.0722 167.68)` | Zucchini | white, 10.6 to 1 |
| 25 | `#005447` | `oklch(39.81% 0.0736 177.33)` | Breathe Deeply | white, 8.9 to 1 |
| 26 | `#00625d` | `oklch(44.79% 0.0777 188.60)` | Emerald Stone | white, 7.2 to 1 |
| 27 | `#007277` | `oklch(50.15% 0.0853 200.79)` | Essential Teal | white, 5.7 to 1 |
| 28 | `#2a8090` | `oklch(55.59% 0.0830 213.16)` | Pagoda Blue | white, 4.5 to 1 |
| 29 | `#498da6` | `oklch(60.80% 0.0790 225.04)` | Blue Chaise | black, 5.6 to 1 |
| 30 | `#6298b9` | `oklch(65.49% 0.0753 235.72)` | Shakespeare | black, 6.7 to 1 |
| 31 | `#76a2c7` | `oklch(69.34% 0.0723 244.48)` | Wandering River | black, 7.7 to 1 |
| 32 | `#84a8d0` | `oklch(72.05% 0.0703 250.63)` | Windfall | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #dfd8c6 0.0%, #d7d3bf 3.2%, #cccdb7 6.5%, #bec7b0 9.7%, #adbfaa 12.9%, #9bb7a6 16.1%, #89aea3 19.4%, #78a4a1 22.6%, #6a999f 25.8%, #5e8f9c 29.0%, #548597 32.3%, #497c91 35.5%, #3a7387 38.7%, #256a7b 41.9%, #00606c 45.2%, #005659 48.4%, #004c48 51.6%, #004438 54.8%, #003d2c 58.1%, #003922 61.3%, #00371d 64.5%, #00391e 67.7%, #003e26 71.0%, #004834 74.2%, #005447 77.4%, #00625d 80.6%, #007277 83.9%, #2a8090 87.1%, #498da6 90.3%, #6298b9 93.5%, #76a2c7 96.8%, #84a8d0 100.0%);
background: linear-gradient(90deg in oklch, oklch(88.19% 0.0248 87.89) 0.0%, oklch(86.44% 0.0268 96.64) 3.2%, oklch(84.19% 0.0294 108.96) 6.5%, oklch(81.53% 0.0325 123.93) 9.7%, oklch(78.55% 0.0359 140.59) 12.9%, oklch(75.33% 0.0396 158.02) 16.1%, oklch(71.97% 0.0435 175.29) 19.4%, oklch(68.55% 0.0475 191.44) 22.6%, oklch(65.16% 0.0516 205.55) 25.8%, oklch(61.89% 0.0555 216.68) 29.0%, oklch(58.83% 0.0594 223.90) 32.3%, oklch(55.87% 0.0632 226.29) 35.5%, oklch(52.47% 0.0676 223.97) 38.7%, oklch(48.76% 0.0724 217.91) 41.9%, oklch(44.93% 0.0774 209.12) 45.2%, oklch(41.18% 0.0700 198.62) 48.4%, oklch(37.66% 0.0657 187.40) 51.6%, oklch(34.58% 0.0644 176.48) 54.8%, oklch(32.11% 0.0659 166.87) 58.1%, oklch(30.44% 0.0693 159.60) 61.3%, oklch(29.75% 0.0726 155.69) 64.5%, oklch(30.25% 0.0733 156.07) 67.7%, oklch(32.24% 0.0725 160.35) 71.0%, oklch(35.53% 0.0722 167.68) 74.2%, oklch(39.81% 0.0736 177.33) 77.4%, oklch(44.79% 0.0777 188.60) 80.6%, oklch(50.15% 0.0853 200.79) 83.9%, oklch(55.59% 0.0830 213.16) 87.1%, oklch(60.80% 0.0790 225.04) 90.3%, oklch(65.49% 0.0753 235.72) 93.5%, oklch(69.34% 0.0723 244.48) 96.8%, oklch(72.05% 0.0703 250.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.025 | 87.9 |
| 2 | 0.579 | 0.061 | 225.3 |
| 3 | 0.299 | 0.101 | 155.5 |
| 4 | 0.72 | 0.07 | 250.6 |

## In these collections

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

## Other forms

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