# Ink navy and sea glass cloud halo

An ink-navy center opens through petrol blue and muted teal, then softens into sea-glass gray-green and a pale misty edge. This sixty-four-stop radial gradient suggests an overcast sky around a deep storm-colored center. Its restrained blue-green progression creates a quiet cloudlike halo with a clear contrast between the inner shadow and outer light.

- Also called: Analogous navy, teal and gray radial gradient
- Seed: `kWNh6tsJm-cUdvXZlj4cgi34`
- Page: https://grabient.com/kWNh6tsJm-cUdvXZlj4cgi34?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#061b2a` | `oklch(21.26% 0.0413 243.98)` | Oxford by Night | white, 17.5 to 1 |
| 2 | `#061c2c` | `oklch(21.86% 0.0424 243.55)` | Oxford by Night | white, 17.3 to 1 |
| 3 | `#071e2f` | `oklch(22.60% 0.0437 243.05)` | Cyanophobia | white, 17 to 1 |
| 4 | `#072031` | `oklch(23.44% 0.0453 242.48)` | Midnight Dreams | white, 16.6 to 1 |
| 5 | `#082234` | `oklch(24.38% 0.0471 241.86)` | Midnight Dreams | white, 16.2 to 1 |
| 6 | `#082538` | `oklch(25.41% 0.0490 241.19)` | Celestial Canvas | white, 15.7 to 1 |
| 7 | `#09283c` | `oklch(26.51% 0.0511 240.46)` | Murky Depths | white, 15.2 to 1 |
| 8 | `#0a2b3f` | `oklch(27.67% 0.0532 239.68)` | Murky Depths | white, 14.6 to 1 |
| 9 | `#0a2e43` | `oklch(28.87% 0.0554 238.86)` | NATO Blue | white, 14 to 1 |
| 10 | `#0b3247` | `oklch(30.10% 0.0576 238.00)` | Halite Blue | white, 13.4 to 1 |
| 11 | `#0b354c` | `oklch(31.35% 0.0598 237.09)` | Sea of Stars | white, 12.8 to 1 |
| 12 | `#0c3950` | `oklch(32.60% 0.0619 236.15)` | Gibraltar Sea | white, 12.2 to 1 |
| 13 | `#0c3c54` | `oklch(33.85% 0.0640 235.18)` | Duskwood | white, 11.6 to 1 |
| 14 | `#0d4058` | `oklch(35.07% 0.0659 234.18)` | Maniac Mansion | white, 11.1 to 1 |
| 15 | `#0d435b` | `oklch(36.25% 0.0677 233.15)` | Sailor Blue | white, 10.6 to 1 |
| 16 | `#0e475f` | `oklch(37.38% 0.0693 232.10)` | Stegadon Scale Green | white, 10.1 to 1 |
| 17 | `#0e4a62` | `oklch(38.45% 0.0706 231.03)` | Swallow Blue | white, 9.6 to 1 |
| 18 | `#0f4d65` | `oklch(39.50% 0.0718 229.89)` | Work Blue | white, 9.2 to 1 |
| 19 | `#0f5068` | `oklch(40.54% 0.0731 228.68)` | Hanada Blue | white, 8.8 to 1 |
| 20 | `#10536b` | `oklch(41.57% 0.0742 227.40)` | Blue Palisade | white, 8.4 to 1 |
| 21 | `#10576e` | `oklch(42.60% 0.0754 226.07)` | Corsair | white, 8 to 1 |
| 22 | `#115a71` | `oklch(43.63% 0.0765 224.69)` | Octagon Ocean | white, 7.7 to 1 |
| 23 | `#115d74` | `oklch(44.65% 0.0774 223.28)` | Bosporus | white, 7.3 to 1 |
| 24 | `#126176` | `oklch(45.67% 0.0784 221.84)` | Blue Enchantment | white, 7 to 1 |
| 25 | `#136479` | `oklch(46.69% 0.0792 220.39)` | Blue Enchantment | white, 6.7 to 1 |
| 26 | `#15677b` | `oklch(47.71% 0.0799 218.94)` | World’s Away | white, 6.4 to 1 |
| 27 | `#166a7e` | `oklch(48.73% 0.0805 217.49)` | Hanaasagi Blue | white, 6.1 to 1 |
| 28 | `#196e80` | `oklch(49.74% 0.0810 216.07)` | Billabong | white, 5.8 to 1 |
| 29 | `#1b7182` | `oklch(50.76% 0.0813 214.67)` | Billabong | white, 5.6 to 1 |
| 30 | `#1e7484` | `oklch(51.78% 0.0815 213.32)` | Glamour Green | white, 5.3 to 1 |
| 31 | `#217787` | `oklch(52.80% 0.0816 212.01)` | Biscay Bay | white, 5.1 to 1 |
| 32 | `#257b89` | `oklch(53.82% 0.0814 210.76)` | Bermuda | white, 4.9 to 1 |
| 33 | `#297e8b` | `oklch(54.84% 0.0811 209.61)` | Bermuda | white, 4.7 to 1 |
| 34 | `#2d818d` | `oklch(55.86% 0.0806 208.67)` | Sea Bed | black, 4.6 to 1 |
| 35 | `#32848f` | `oklch(56.86% 0.0800 207.90)` | Sea Bed | black, 4.8 to 1 |
| 36 | `#368792` | `oklch(57.86% 0.0792 207.29)` | Precious Stone | black, 5 to 1 |
| 37 | `#3b8a94` | `oklch(58.85% 0.0782 206.76)` | Seachange | black, 5.2 to 1 |
| 38 | `#3f8d97` | `oklch(59.84% 0.0771 206.30)` | Aqueous | black, 5.4 to 1 |
| 39 | `#449099` | `oklch(60.83% 0.0759 205.84)` | Adrift | black, 5.6 to 1 |
| 40 | `#49939b` | `oklch(61.83% 0.0745 205.35)` | Asagi Blue | black, 5.9 to 1 |
| 41 | `#4d969d` | `oklch(62.83% 0.0731 204.78)` | Sea Current | black, 6.1 to 1 |
| 42 | `#5299a0` | `oklch(63.84% 0.0715 204.09)` | Water Carrier | black, 6.3 to 1 |
| 43 | `#579ca2` | `oklch(64.86% 0.0699 203.24)` | Hydroport | black, 6.6 to 1 |
| 44 | `#5c9fa4` | `oklch(65.89% 0.0682 202.18)` | Atlas Cedar | black, 6.9 to 1 |
| 45 | `#61a2a6` | `oklch(66.94% 0.0665 200.86)` | Aqua Sea | black, 7.2 to 1 |
| 46 | `#66a5a8` | `oklch(68.00% 0.0647 199.25)` | Fairstar | black, 7.4 to 1 |
| 47 | `#6ba8a9` | `oklch(69.09% 0.0629 197.30)` | Fairstar | black, 7.8 to 1 |
| 48 | `#71abab` | `oklch(70.19% 0.0611 194.97)` | Poolrooms | black, 8.1 to 1 |
| 49 | `#76afac` | `oklch(71.34% 0.0592 192.14)` | Galaxy Green | black, 8.4 to 1 |
| 50 | `#7db2ad` | `oklch(72.58% 0.0570 188.70)` | Melodious | black, 8.8 to 1 |
| 51 | `#83b6af` | `oklch(73.90% 0.0546 184.74)` | Melodious | black, 9.2 to 1 |
| 52 | `#8bbab0` | `oklch(75.26% 0.0521 180.33)` | Morning Green | black, 9.7 to 1 |
| 53 | `#93beb2` | `oklch(76.67% 0.0494 175.58)` | Scenic View | black, 10.2 to 1 |
| 54 | `#9bc2b3` | `oklch(78.10% 0.0467 170.57)` | Stanley | black, 10.7 to 1 |
| 55 | `#a3c6b5` | `oklch(79.53% 0.0439 165.41)` | Lobaria Lichen | black, 11.2 to 1 |
| 56 | `#abc9b8` | `oklch(80.95% 0.0411 160.17)` | Greywacke | black, 11.8 to 1 |
| 57 | `#b3cdba` | `oklch(82.34% 0.0383 154.95)` | Mint Mousse | black, 12.3 to 1 |
| 58 | `#bad0bd` | `oklch(83.68% 0.0356 149.84)` | Sunlit Sea | black, 12.8 to 1 |
| 59 | `#c1d4c1` | `oklch(84.96% 0.0331 144.94)` | Misty Lake | black, 13.4 to 1 |
| 60 | `#c7d7c4` | `oklch(86.15% 0.0306 140.33)` | Apothecary Jar | black, 13.9 to 1 |
| 61 | `#cddac7` | `oklch(87.25% 0.0284 136.11)` | Garden Mint | black, 14.4 to 1 |
| 62 | `#d2dcca` | `oklch(88.23% 0.0265 132.36)` | Ottoman | black, 14.8 to 1 |
| 63 | `#d6decd` | `oklch(89.07% 0.0248 129.19)` | Light Green Ash | black, 15.2 to 1 |
| 64 | `#d9e0d0` | `oklch(89.76% 0.0234 126.68)` | Light Ligado | black, 15.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #061b2a 0.0%, #061c2c 1.6%, #071e2f 3.2%, #072031 4.8%, #082234 6.3%, #082538 7.9%, #09283c 9.5%, #0a2b3f 11.1%, #0a2e43 12.7%, #0b3247 14.3%, #0b354c 15.9%, #0c3950 17.5%, #0c3c54 19.0%, #0d4058 20.6%, #0d435b 22.2%, #0e475f 23.8%, #0e4a62 25.4%, #0f4d65 27.0%, #0f5068 28.6%, #10536b 30.2%, #10576e 31.7%, #115a71 33.3%, #115d74 34.9%, #126176 36.5%, #136479 38.1%, #15677b 39.7%, #166a7e 41.3%, #196e80 42.9%, #1b7182 44.4%, #1e7484 46.0%, #217787 47.6%, #257b89 49.2%, #297e8b 50.8%, #2d818d 52.4%, #32848f 54.0%, #368792 55.6%, #3b8a94 57.1%, #3f8d97 58.7%, #449099 60.3%, #49939b 61.9%, #4d969d 63.5%, #5299a0 65.1%, #579ca2 66.7%, #5c9fa4 68.3%, #61a2a6 69.8%, #66a5a8 71.4%, #6ba8a9 73.0%, #71abab 74.6%, #76afac 76.2%, #7db2ad 77.8%, #83b6af 79.4%, #8bbab0 81.0%, #93beb2 82.5%, #9bc2b3 84.1%, #a3c6b5 85.7%, #abc9b8 87.3%, #b3cdba 88.9%, #bad0bd 90.5%, #c1d4c1 92.1%, #c7d7c4 93.7%, #cddac7 95.2%, #d2dcca 96.8%, #d6decd 98.4%, #d9e0d0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0413 243.98) 0.0%, oklch(21.86% 0.0424 243.55) 1.6%, oklch(22.60% 0.0437 243.05) 3.2%, oklch(23.44% 0.0453 242.48) 4.8%, oklch(24.38% 0.0471 241.86) 6.3%, oklch(25.41% 0.0490 241.19) 7.9%, oklch(26.51% 0.0511 240.46) 9.5%, oklch(27.67% 0.0532 239.68) 11.1%, oklch(28.87% 0.0554 238.86) 12.7%, oklch(30.10% 0.0576 238.00) 14.3%, oklch(31.35% 0.0598 237.09) 15.9%, oklch(32.60% 0.0619 236.15) 17.5%, oklch(33.85% 0.0640 235.18) 19.0%, oklch(35.07% 0.0659 234.18) 20.6%, oklch(36.25% 0.0677 233.15) 22.2%, oklch(37.38% 0.0693 232.10) 23.8%, oklch(38.45% 0.0706 231.03) 25.4%, oklch(39.50% 0.0718 229.89) 27.0%, oklch(40.54% 0.0731 228.68) 28.6%, oklch(41.57% 0.0742 227.40) 30.2%, oklch(42.60% 0.0754 226.07) 31.7%, oklch(43.63% 0.0765 224.69) 33.3%, oklch(44.65% 0.0774 223.28) 34.9%, oklch(45.67% 0.0784 221.84) 36.5%, oklch(46.69% 0.0792 220.39) 38.1%, oklch(47.71% 0.0799 218.94) 39.7%, oklch(48.73% 0.0805 217.49) 41.3%, oklch(49.74% 0.0810 216.07) 42.9%, oklch(50.76% 0.0813 214.67) 44.4%, oklch(51.78% 0.0815 213.32) 46.0%, oklch(52.80% 0.0816 212.01) 47.6%, oklch(53.82% 0.0814 210.76) 49.2%, oklch(54.84% 0.0811 209.61) 50.8%, oklch(55.86% 0.0806 208.67) 52.4%, oklch(56.86% 0.0800 207.90) 54.0%, oklch(57.86% 0.0792 207.29) 55.6%, oklch(58.85% 0.0782 206.76) 57.1%, oklch(59.84% 0.0771 206.30) 58.7%, oklch(60.83% 0.0759 205.84) 60.3%, oklch(61.83% 0.0745 205.35) 61.9%, oklch(62.83% 0.0731 204.78) 63.5%, oklch(63.84% 0.0715 204.09) 65.1%, oklch(64.86% 0.0699 203.24) 66.7%, oklch(65.89% 0.0682 202.18) 68.3%, oklch(66.94% 0.0665 200.86) 69.8%, oklch(68.00% 0.0647 199.25) 71.4%, oklch(69.09% 0.0629 197.30) 73.0%, oklch(70.19% 0.0611 194.97) 74.6%, oklch(71.34% 0.0592 192.14) 76.2%, oklch(72.58% 0.0570 188.70) 77.8%, oklch(73.90% 0.0546 184.74) 79.4%, oklch(75.26% 0.0521 180.33) 81.0%, oklch(76.67% 0.0494 175.58) 82.5%, oklch(78.10% 0.0467 170.57) 84.1%, oklch(79.53% 0.0439 165.41) 85.7%, oklch(80.95% 0.0411 160.17) 87.3%, oklch(82.34% 0.0383 154.95) 88.9%, oklch(83.68% 0.0356 149.84) 90.5%, oklch(84.96% 0.0331 144.94) 92.1%, oklch(86.15% 0.0306 140.33) 93.7%, oklch(87.25% 0.0284 136.11) 95.2%, oklch(88.23% 0.0265 132.36) 96.8%, oklch(89.07% 0.0248 129.19) 98.4%, oklch(89.76% 0.0234 126.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.041 | 244 |
| 2 | 0.382 | 0.07 | 231.3 |
| 3 | 0.543 | 0.081 | 210.2 |
| 4 | 0.705 | 0.061 | 194.3 |
| 5 | 0.898 | 0.023 | 126.7 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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