# Aubergine, turquoise and yellow heatmap palette

The Aubergine, turquoise and yellow heatmap palette brings together dark purple, blue, teal, light green, and light yellow. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark purple, and its lightest tone is light yellow.

- Also called: Navy to light green linear gradient
- Seed: `kYLkPWKK29zuuvPLoboYSW6HWjug`
- Page: https://grabient.com/kYLkPWKK29zuuvPLoboYSW6HWjug?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 15.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 | `#1a0133` | `oklch(18.11% 0.0923 300.94)` | Quiet Abyss | white, 19.1 to 1 |
| 2 | `#1d0339` | `oklch(19.54% 0.0961 299.14)` | Middle Red Purple | white, 18.7 to 1 |
| 3 | `#200641` | `oklch(21.49% 0.1016 296.73)` | Your Darkness | white, 18 to 1 |
| 4 | `#240c4b` | `oklch(23.82% 0.1080 293.85)` | Shadow Planet | white, 17 to 1 |
| 5 | `#281257` | `oklch(26.35% 0.1146 290.62)` | Praise of Shadow | white, 15.9 to 1 |
| 6 | `#2b1a62` | `oklch(28.94% 0.1204 287.19)` | Night Fog | white, 14.7 to 1 |
| 7 | `#2d216d` | `oklch(31.42% 0.1248 283.67)` | After Work Blue | white, 13.5 to 1 |
| 8 | `#2e2976` | `oklch(33.78% 0.1275 280.24)` | Blue Rose | white, 12.3 to 1 |
| 9 | `#2f3180` | `oklch(36.22% 0.1296 276.88)` | Migol Blue | white, 11.2 to 1 |
| 10 | `#303a89` | `oklch(38.70% 0.1309 273.38)` | Navy Seal | white, 10 to 1 |
| 11 | `#2f4391` | `oklch(41.18% 0.1313 269.54)` | Blue Oblivion | white, 9 to 1 |
| 12 | `#2d4c98` | `oklch(43.61% 0.1307 265.13)` | Le Grand Bleu | white, 8 to 1 |
| 13 | `#29559f` | `oklch(45.95% 0.1291 259.95)` | Blue Sail | white, 7.2 to 1 |
| 14 | `#215fa3` | `oklch(48.14% 0.1260 253.76)` | Drakenhof Nightshade | white, 6.5 to 1 |
| 15 | `#1668a4` | `oklch(50.16% 0.1205 246.52)` | Medium Persian Blue | white, 5.9 to 1 |
| 16 | `#0a71a3` | `oklch(52.08% 0.1135 238.50)` | Quarterdeck | white, 5.3 to 1 |
| 17 | `#0779a0` | `oklch(53.98% 0.1060 230.01)` | Mitchell Blue | white, 4.9 to 1 |
| 18 | `#11819d` | `oklch(55.95% 0.0992 221.36)` | Decore Splash | black, 4.6 to 1 |
| 19 | `#1e899c` | `oklch(58.07% 0.0941 212.85)` | Waikiki | black, 5 to 1 |
| 20 | `#2a919b` | `oklch(60.42% 0.0917 204.74)` | Aqua Lake | black, 5.6 to 1 |
| 21 | `#339a9c` | `oklch(62.99% 0.0920 196.73)` | Empress Envy | black, 6.2 to 1 |
| 22 | `#3da49d` | `oklch(65.72% 0.0939 188.72)` | Bahaman Bliss | black, 6.9 to 1 |
| 23 | `#49ae9d` | `oklch(68.54% 0.0969 180.71)` | Ambrosial Oceanside | black, 7.7 to 1 |
| 24 | `#57b79c` | `oklch(71.39% 0.1000 172.70)` | Keppel | black, 8.6 to 1 |
| 25 | `#67c09b` | `oklch(74.20% 0.1024 164.68)` | Peppermint Fresh | black, 9.5 to 1 |
| 26 | `#7ac899` | `oklch(76.92% 0.1034 156.65)` | Green Gala | black, 10.5 to 1 |
| 27 | `#8fd097` | `oklch(79.80% 0.1032 147.91)` | Fennel | black, 11.6 to 1 |
| 28 | `#a5d796` | `oklch(82.82% 0.1024 138.63)` | Cool Aloe | black, 12.7 to 1 |
| 29 | `#bbde97` | `oklch(85.80% 0.1011 129.44)` | Basil Smash | black, 14 to 1 |
| 30 | `#cfe499` | `oklch(88.54% 0.0998 120.95)` | Apple Bob | black, 15.1 to 1 |
| 31 | `#e0e99c` | `oklch(90.84% 0.0986 113.80)` | Luminary Green | black, 16.2 to 1 |
| 32 | `#ebec9f` | `oklch(92.52% 0.0978 108.61)` | Pitapat | black, 17 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1a0133 0.0%, #1d0339 3.2%, #200641 6.5%, #240c4b 9.7%, #281257 12.9%, #2b1a62 16.1%, #2d216d 19.4%, #2e2976 22.6%, #2f3180 25.8%, #303a89 29.0%, #2f4391 32.3%, #2d4c98 35.5%, #29559f 38.7%, #215fa3 41.9%, #1668a4 45.2%, #0a71a3 48.4%, #0779a0 51.6%, #11819d 54.8%, #1e899c 58.1%, #2a919b 61.3%, #339a9c 64.5%, #3da49d 67.7%, #49ae9d 71.0%, #57b79c 74.2%, #67c09b 77.4%, #7ac899 80.6%, #8fd097 83.9%, #a5d796 87.1%, #bbde97 90.3%, #cfe499 93.5%, #e0e99c 96.8%, #ebec9f 100.0%);
background: linear-gradient(90deg in oklch, oklch(18.11% 0.0923 300.94) 0.0%, oklch(19.54% 0.0961 299.14) 3.2%, oklch(21.49% 0.1016 296.73) 6.5%, oklch(23.82% 0.1080 293.85) 9.7%, oklch(26.35% 0.1146 290.62) 12.9%, oklch(28.94% 0.1204 287.19) 16.1%, oklch(31.42% 0.1248 283.67) 19.4%, oklch(33.78% 0.1275 280.24) 22.6%, oklch(36.22% 0.1296 276.88) 25.8%, oklch(38.70% 0.1309 273.38) 29.0%, oklch(41.18% 0.1313 269.54) 32.3%, oklch(43.61% 0.1307 265.13) 35.5%, oklch(45.95% 0.1291 259.95) 38.7%, oklch(48.14% 0.1260 253.76) 41.9%, oklch(50.16% 0.1205 246.52) 45.2%, oklch(52.08% 0.1135 238.50) 48.4%, oklch(53.98% 0.1060 230.01) 51.6%, oklch(55.95% 0.0992 221.36) 54.8%, oklch(58.07% 0.0941 212.85) 58.1%, oklch(60.42% 0.0917 204.74) 61.3%, oklch(62.99% 0.0920 196.73) 64.5%, oklch(65.72% 0.0939 188.72) 67.7%, oklch(68.54% 0.0969 180.71) 71.0%, oklch(71.39% 0.1000 172.70) 74.2%, oklch(74.20% 0.1024 164.68) 77.4%, oklch(76.92% 0.1034 156.65) 80.6%, oklch(79.80% 0.1032 147.91) 83.9%, oklch(82.82% 0.1024 138.63) 87.1%, oklch(85.80% 0.1011 129.44) 90.3%, oklch(88.54% 0.0998 120.95) 93.5%, oklch(90.84% 0.0986 113.80) 96.8%, oklch(92.52% 0.0978 108.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.092 | 300.9 |
| 2 | 0.319 | 0.125 | 283 |
| 3 | 0.469 | 0.128 | 257.6 |
| 4 | 0.594 | 0.092 | 207.9 |
| 5 | 0.764 | 0.103 | 158.3 |
| 6 | 0.925 | 0.098 | 108.6 |

## In these collections

- [Heatmap gradients](https://grabient.com/heatmap-gradients)

## Other forms

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