# Luminous Lagoon Spectrum

The "Astronomy False Color: Navy and teal" palette brings together dark blue, blue, teal, green, light yellow, and pale yellow. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale yellow.

- Also called: Navy, teal, light green and beige linear gradient
- Seed: `kYMCjOtq27l6uOxsu7n-Ck6nmZP8`
- Page: https://grabient.com/kYMCjOtq27l6uOxsu7n-Ck6nmZP8?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 16.6 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 | `#140e2a` | `oklch(18.90% 0.0551 290.39)` | Spanish Roast | white, 18.6 to 1 |
| 2 | `#181334` | `oklch(21.33% 0.0632 286.57)` | Lost in Sadness | white, 17.8 to 1 |
| 3 | `#1c1a43` | `oklch(24.60% 0.0750 281.35)` | Prune Plum | white, 16.4 to 1 |
| 4 | `#1f2455` | `oklch(28.52% 0.0888 275.13)` | Spacescape | white, 14.6 to 1 |
| 5 | `#1f2f69` | `oklch(32.86% 0.1027 268.34)` | Mythical Night | white, 12.5 to 1 |
| 6 | `#1b3d7d` | `oklch(37.43% 0.1151 261.39)` | Surf the Web | white, 10.4 to 1 |
| 7 | `#104c8e` | `oklch(42.01% 0.1241 254.68)` | Iron Blue | white, 8.5 to 1 |
| 8 | `#005d9d` | `oklch(46.76% 0.1271 248.39)` | Jetski Race | white, 6.8 to 1 |
| 9 | `#0070aa` | `oklch(52.13% 0.1238 242.06)` | Bowen Blue | white, 5.4 to 1 |
| 10 | `#0083b8` | `oklch(57.78% 0.1236 235.63)` | Lucario Blue | black, 4.9 to 1 |
| 11 | `#0097c6` | `oklch(63.36% 0.1249 229.04)` | UV Light | black, 6.2 to 1 |
| 12 | `#0baad1` | `oklch(68.54% 0.1254 222.22)` | Hú Lán Blue | black, 7.7 to 1 |
| 13 | `#17bbd9` | `oklch(72.94% 0.1258 215.13)` | Maldives | black, 9.1 to 1 |
| 14 | `#10c8dc` | `oklch(76.29% 0.1293 207.64)` | The Crowd Roars! | black, 10.3 to 1 |
| 15 | `#00d3db` | `oklch(78.76% 0.1339 199.65)` | Aztec Turquoise | black, 11.3 to 1 |
| 16 | `#00dbd5` | `oklch(80.58% 0.1386 191.32)` | Fish Boy | black, 12.1 to 1 |
| 17 | `#00e2cd` | `oklch(82.00% 0.1462 182.85)` | Ice Climber | black, 12.7 to 1 |
| 18 | `#00e9c1` | `oklch(83.24% 0.1578 174.41)` | Aquamarine | black, 13.3 to 1 |
| 19 | `#36edb4` | `oklch(84.53% 0.1637 166.21)` | Overchlorinated Pool | black, 13.9 to 1 |
| 20 | `#5ef1a8` | `oklch(86.09% 0.1632 158.30)` | Screen Glow | black, 14.6 to 1 |
| 21 | `#82f49e` | `oklch(87.77% 0.1583 149.97)` | Mild Menthol | black, 15.3 to 1 |
| 22 | `#a2f596` | `oklch(89.44% 0.1503 141.45)` | Toxic Frog | black, 16 to 1 |
| 23 | `#bcf693` | `oklch(91.04% 0.1405 133.24)` | Pistachio Mousse | black, 16.7 to 1 |
| 24 | `#d1f694` | `oklch(92.49% 0.1299 125.82)` | Creamy Avocado | black, 17.3 to 1 |
| 25 | `#e0f699` | `oklch(93.72% 0.1199 119.68)` | Key Lime Water | black, 17.8 to 1 |
| 26 | `#eaf79f` | `oklch(94.65% 0.1114 115.32)` | Jonquil | black, 18.2 to 1 |
| 27 | `#eff7a6` | `oklch(95.23% 0.1034 113.01)` | Australian Mint | black, 18.5 to 1 |
| 28 | `#f1f8ad` | `oklch(95.54% 0.0950 112.33)` | Australian Mint | black, 18.7 to 1 |
| 29 | `#f1f8b4` | `oklch(95.65% 0.0870 112.73)` | Yellow Chalk | black, 18.7 to 1 |
| 30 | `#f0f7ba` | `oklch(95.65% 0.0796 113.67)` | Chiffon | black, 18.7 to 1 |
| 31 | `#eff7bf` | `oklch(95.63% 0.0734 114.60)` | Kiwi Kiss | black, 18.7 to 1 |
| 32 | `#eff7c2` | `oklch(95.67% 0.0689 114.97)` | Fresh Grown | black, 18.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #140e2a 0.0%, #181334 3.2%, #1c1a43 6.5%, #1f2455 9.7%, #1f2f69 12.9%, #1b3d7d 16.1%, #104c8e 19.4%, #005d9d 22.6%, #0070aa 25.8%, #0083b8 29.0%, #0097c6 32.3%, #0baad1 35.5%, #17bbd9 38.7%, #10c8dc 41.9%, #00d3db 45.2%, #00dbd5 48.4%, #00e2cd 51.6%, #00e9c1 54.8%, #36edb4 58.1%, #5ef1a8 61.3%, #82f49e 64.5%, #a2f596 67.7%, #bcf693 71.0%, #d1f694 74.2%, #e0f699 77.4%, #eaf79f 80.6%, #eff7a6 83.9%, #f1f8ad 87.1%, #f1f8b4 90.3%, #f0f7ba 93.5%, #eff7bf 96.8%, #eff7c2 100.0%);
background: linear-gradient(45deg in oklch, oklch(18.90% 0.0551 290.39) 0.0%, oklch(21.33% 0.0632 286.57) 3.2%, oklch(24.60% 0.0750 281.35) 6.5%, oklch(28.52% 0.0888 275.13) 9.7%, oklch(32.86% 0.1027 268.34) 12.9%, oklch(37.43% 0.1151 261.39) 16.1%, oklch(42.01% 0.1241 254.68) 19.4%, oklch(46.76% 0.1271 248.39) 22.6%, oklch(52.13% 0.1238 242.06) 25.8%, oklch(57.78% 0.1236 235.63) 29.0%, oklch(63.36% 0.1249 229.04) 32.3%, oklch(68.54% 0.1254 222.22) 35.5%, oklch(72.94% 0.1258 215.13) 38.7%, oklch(76.29% 0.1293 207.64) 41.9%, oklch(78.76% 0.1339 199.65) 45.2%, oklch(80.58% 0.1386 191.32) 48.4%, oklch(82.00% 0.1462 182.85) 51.6%, oklch(83.24% 0.1578 174.41) 54.8%, oklch(84.53% 0.1637 166.21) 58.1%, oklch(86.09% 0.1632 158.30) 61.3%, oklch(87.77% 0.1583 149.97) 64.5%, oklch(89.44% 0.1503 141.45) 67.7%, oklch(91.04% 0.1405 133.24) 71.0%, oklch(92.49% 0.1299 125.82) 74.2%, oklch(93.72% 0.1199 119.68) 77.4%, oklch(94.65% 0.1114 115.32) 80.6%, oklch(95.23% 0.1034 113.01) 83.9%, oklch(95.54% 0.0950 112.33) 87.1%, oklch(95.65% 0.0870 112.73) 90.3%, oklch(95.65% 0.0796 113.67) 93.5%, oklch(95.63% 0.0734 114.60) 96.8%, oklch(95.67% 0.0689 114.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.055 | 290.4 |
| 2 | 0.429 | 0.125 | 253.4 |
| 3 | 0.744 | 0.127 | 212.2 |
| 4 | 0.854 | 0.164 | 161.5 |
| 5 | 0.945 | 0.113 | 116 |
| 6 | 0.957 | 0.069 | 115 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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