# Teal and gold crystal glow

Navy, gray and tan radial gradient with 64 colors: #081c2f, #081e33, #092136, #0a243a, #0b283f, #0d2c44, #0e314a, #0e3650, #0f3b56, #10405c, #114663, #114c69, #125370, #135976, #145f7c, #156682, #176c88, #1a738e, #1d7a94, #21829a, #258aa0, #2a92a6, #309bac, #36a3b2, #3dacb8, #44b4bd, #4cbcc1, #54c4c6, #5dcbc9, #66d2cc, #6fd8cf, #79ded0, #82e2d1, #8de6d2, #98ead3, #a3edd4, #afefd5, #baf2d7, #c4f3d9, #cdf4db, #d5f5de, #ddf6e1, #e3f6e3, #e8f6e6, #ebf6e8, #edf6e9, #eff5e9, #eff5e8, #eef3e5, #ecf1e0, #eaeed8, #e8eacf, #e5e5c4, #e4e0b7, #e3d9aa, #e2d29c, #e2ca8d, #e3c37f, #e3bb71, #e4b363, #e6ab57, #e7a44d, #e79e44, #e89a3d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, gray and tan radial gradient
- Seed: `kWOCKyPp-9GsjOt6BrlXzM4w`
- Page: https://grabient.com/kWOCKyPp-9GsjOt6BrlXzM4w?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 15.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 | `#081c2f` | `oklch(22.05% 0.0469 250.31)` | Trapped Darkness | white, 17.2 to 1 |
| 2 | `#081e33` | `oklch(23.00% 0.0483 249.48)` | Trapped Darkness | white, 16.8 to 1 |
| 3 | `#092136` | `oklch(24.13% 0.0502 248.54)` | Fog of War | white, 16.3 to 1 |
| 4 | `#0a243a` | `oklch(25.41% 0.0524 247.48)` | Celestial Canvas | white, 15.7 to 1 |
| 5 | `#0b283f` | `oklch(26.84% 0.0549 246.32)` | Murky Depths | white, 15.1 to 1 |
| 6 | `#0d2c44` | `oklch(28.39% 0.0576 245.05)` | Crow Black Blue | white, 14.3 to 1 |
| 7 | `#0e314a` | `oklch(30.06% 0.0605 243.68)` | Halite Blue | white, 13.5 to 1 |
| 8 | `#0e3650` | `oklch(31.83% 0.0635 242.22)` | Sea of Stars | white, 12.6 to 1 |
| 9 | `#0f3b56` | `oklch(33.68% 0.0666 240.67)` | Gibraltar Sea | white, 11.8 to 1 |
| 10 | `#10405c` | `oklch(35.59% 0.0697 239.03)` | Neptune’s Wrath | white, 10.9 to 1 |
| 11 | `#114663` | `oklch(37.57% 0.0728 237.31)` | Stegadon Scale Green | white, 10 to 1 |
| 12 | `#114c69` | `oklch(39.58% 0.0757 235.51)` | Navy Dark Blue | white, 9.2 to 1 |
| 13 | `#125370` | `oklch(41.61% 0.0785 233.63)` | Night Kite | white, 8.4 to 1 |
| 14 | `#135976` | `oklch(43.66% 0.0811 231.69)` | Ink Blue | white, 7.7 to 1 |
| 15 | `#145f7c` | `oklch(45.70% 0.0835 229.68)` | Blue Edge | white, 7 to 1 |
| 16 | `#156682` | `oklch(47.72% 0.0855 227.60)` | Ansel | white, 6.4 to 1 |
| 17 | `#176c88` | `oklch(49.71% 0.0872 225.47)` | Saxony Blue | white, 5.9 to 1 |
| 18 | `#1a738e` | `oklch(51.80% 0.0889 223.25)` | Ocean Mirage | white, 5.4 to 1 |
| 19 | `#1d7a94` | `oklch(54.01% 0.0906 220.93)` | Pacific Pleasure | white, 4.9 to 1 |
| 20 | `#21829a` | `oklch(56.32% 0.0923 218.52)` | Kings of Sea | black, 4.7 to 1 |
| 21 | `#258aa0` | `oklch(58.72% 0.0939 216.02)` | Waikiki | black, 5.2 to 1 |
| 22 | `#2a92a6` | `oklch(61.17% 0.0955 213.44)` | Blue Moon | black, 5.7 to 1 |
| 23 | `#309bac` | `oklch(63.65% 0.0970 210.79)` | Rainy Mood | black, 6.3 to 1 |
| 24 | `#36a3b2` | `oklch(66.14% 0.0983 208.06)` | Marine Tinge | black, 7 to 1 |
| 25 | `#3dacb8` | `oklch(68.62% 0.0994 205.27)` | Tempo | black, 7.7 to 1 |
| 26 | `#44b4bd` | `oklch(71.05% 0.1003 202.42)` | Glassmith | black, 8.5 to 1 |
| 27 | `#4cbcc1` | `oklch(73.42% 0.1008 199.50)` | Lagoon Rock | black, 9.2 to 1 |
| 28 | `#54c4c6` | `oklch(75.70% 0.1010 196.54)` | Gem Turquoise | black, 10 to 1 |
| 29 | `#5dcbc9` | `oklch(77.88% 0.1008 193.53)` | Setting Sail | black, 10.8 to 1 |
| 30 | `#66d2cc` | `oklch(79.91% 0.1002 190.47)` | Hidden Sea Glass | black, 11.6 to 1 |
| 31 | `#6fd8cf` | `oklch(81.79% 0.0991 187.38)` | Hammam Blue | black, 12.4 to 1 |
| 32 | `#79ded0` | `oklch(83.48% 0.0975 184.25)` | Shimmering Blue | black, 13.1 to 1 |
| 33 | `#82e2d1` | `oklch(84.99% 0.0952 181.09)` | Sea Foam | black, 13.8 to 1 |
| 34 | `#8de6d2` | `oklch(86.42% 0.0916 177.86)` | Neverland | black, 14.4 to 1 |
| 35 | `#98ead3` | `oklch(87.78% 0.0868 174.55)` | Oasis Stream | black, 15 to 1 |
| 36 | `#a3edd4` | `oklch(89.07% 0.0811 171.17)` | Oasis Stream | black, 15.6 to 1 |
| 37 | `#afefd5` | `oklch(90.28% 0.0746 167.73)` | Faint Clover | black, 16.1 to 1 |
| 38 | `#baf2d7` | `oklch(91.41% 0.0676 164.23)` | Mystery Mint | black, 16.7 to 1 |
| 39 | `#c4f3d9` | `oklch(92.43% 0.0603 160.68)` | Pickford | black, 17.1 to 1 |
| 40 | `#cdf4db` | `oklch(93.36% 0.0529 157.09)` | Fennel Tea | black, 17.6 to 1 |
| 41 | `#d5f5de` | `oklch(94.17% 0.0456 153.46)` | Fennel Tea | black, 17.9 to 1 |
| 42 | `#ddf6e1` | `oklch(94.87% 0.0387 149.81)` | Friendly Basilisk | black, 18.3 to 1 |
| 43 | `#e3f6e3` | `oklch(95.44% 0.0325 146.12)` | Weathered Mint | black, 18.5 to 1 |
| 44 | `#e8f6e6` | `oklch(95.87% 0.0270 142.43)` | Floaty Bubble | black, 18.7 to 1 |
| 45 | `#ebf6e8` | `oklch(96.17% 0.0225 138.72)` | Floaty Bubble | black, 18.9 to 1 |
| 46 | `#edf6e9` | `oklch(96.31% 0.0193 135.01)` | Verde Pastel | black, 18.9 to 1 |
| 47 | `#eff5e9` | `oklch(96.31% 0.0176 131.30)` | Verde Pastel | black, 18.9 to 1 |
| 48 | `#eff5e8` | `oklch(96.13% 0.0176 127.60)` | Verde Pastel | black, 18.8 to 1 |
| 49 | `#eef3e5` | `oklch(95.74% 0.0195 123.83)` | Saltpan | black, 18.6 to 1 |
| 50 | `#ecf1e0` | `oklch(95.04% 0.0234 119.83)` | Aloe Essence | black, 18.2 to 1 |
| 51 | `#eaeed8` | `oklch(94.05% 0.0289 115.65)` | Blissful Serenity | black, 17.7 to 1 |
| 52 | `#e8eacf` | `oklch(92.83% 0.0359 111.32)` | Saffron Bread | black, 17 to 1 |
| 53 | `#e5e5c4` | `oklch(91.41% 0.0440 106.90)` | Fountain Frolic | black, 16.3 to 1 |
| 54 | `#e4e0b7` | `oklch(89.84% 0.0531 102.44)` | Schabziger Green | black, 15.5 to 1 |
| 55 | `#e3d9aa` | `oklch(88.15% 0.0628 97.99)` | Fresh Willow | black, 14.7 to 1 |
| 56 | `#e2d29c` | `oklch(86.39% 0.0730 93.60)` | Twinkle Toes | black, 13.9 to 1 |
| 57 | `#e2ca8d` | `oklch(84.61% 0.0834 89.31)` | Sonoma Chardonnay | black, 13.1 to 1 |
| 58 | `#e3c37f` | `oklch(82.84% 0.0937 85.18)` | Tangy | black, 12.3 to 1 |
| 59 | `#e3bb71` | `oklch(81.12% 0.1038 81.25)` | Swiftly Green | black, 11.5 to 1 |
| 60 | `#e4b363` | `oklch(79.50% 0.1132 77.58)` | Buzzworthy | black, 10.9 to 1 |
| 61 | `#e6ab57` | `oklch(78.01% 0.1219 74.21)` | Sunray | black, 10.3 to 1 |
| 62 | `#e7a44d` | `oklch(76.71% 0.1295 71.20)` | Golden Koi | black, 9.8 to 1 |
| 63 | `#e79e44` | `oklch(75.62% 0.1358 68.59)` | Granary Gold | black, 9.4 to 1 |
| 64 | `#e89a3d` | `oklch(74.80% 0.1406 66.44)` | Gorse Yellow Orange | black, 9.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #081c2f 0.0%, #081e33 1.6%, #092136 3.2%, #0a243a 4.8%, #0b283f 6.3%, #0d2c44 7.9%, #0e314a 9.5%, #0e3650 11.1%, #0f3b56 12.7%, #10405c 14.3%, #114663 15.9%, #114c69 17.5%, #125370 19.0%, #135976 20.6%, #145f7c 22.2%, #156682 23.8%, #176c88 25.4%, #1a738e 27.0%, #1d7a94 28.6%, #21829a 30.2%, #258aa0 31.7%, #2a92a6 33.3%, #309bac 34.9%, #36a3b2 36.5%, #3dacb8 38.1%, #44b4bd 39.7%, #4cbcc1 41.3%, #54c4c6 42.9%, #5dcbc9 44.4%, #66d2cc 46.0%, #6fd8cf 47.6%, #79ded0 49.2%, #82e2d1 50.8%, #8de6d2 52.4%, #98ead3 54.0%, #a3edd4 55.6%, #afefd5 57.1%, #baf2d7 58.7%, #c4f3d9 60.3%, #cdf4db 61.9%, #d5f5de 63.5%, #ddf6e1 65.1%, #e3f6e3 66.7%, #e8f6e6 68.3%, #ebf6e8 69.8%, #edf6e9 71.4%, #eff5e9 73.0%, #eff5e8 74.6%, #eef3e5 76.2%, #ecf1e0 77.8%, #eaeed8 79.4%, #e8eacf 81.0%, #e5e5c4 82.5%, #e4e0b7 84.1%, #e3d9aa 85.7%, #e2d29c 87.3%, #e2ca8d 88.9%, #e3c37f 90.5%, #e3bb71 92.1%, #e4b363 93.7%, #e6ab57 95.2%, #e7a44d 96.8%, #e79e44 98.4%, #e89a3d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0469 250.31) 0.0%, oklch(23.00% 0.0483 249.48) 1.6%, oklch(24.13% 0.0502 248.54) 3.2%, oklch(25.41% 0.0524 247.48) 4.8%, oklch(26.84% 0.0549 246.32) 6.3%, oklch(28.39% 0.0576 245.05) 7.9%, oklch(30.06% 0.0605 243.68) 9.5%, oklch(31.83% 0.0635 242.22) 11.1%, oklch(33.68% 0.0666 240.67) 12.7%, oklch(35.59% 0.0697 239.03) 14.3%, oklch(37.57% 0.0728 237.31) 15.9%, oklch(39.58% 0.0757 235.51) 17.5%, oklch(41.61% 0.0785 233.63) 19.0%, oklch(43.66% 0.0811 231.69) 20.6%, oklch(45.70% 0.0835 229.68) 22.2%, oklch(47.72% 0.0855 227.60) 23.8%, oklch(49.71% 0.0872 225.47) 25.4%, oklch(51.80% 0.0889 223.25) 27.0%, oklch(54.01% 0.0906 220.93) 28.6%, oklch(56.32% 0.0923 218.52) 30.2%, oklch(58.72% 0.0939 216.02) 31.7%, oklch(61.17% 0.0955 213.44) 33.3%, oklch(63.65% 0.0970 210.79) 34.9%, oklch(66.14% 0.0983 208.06) 36.5%, oklch(68.62% 0.0994 205.27) 38.1%, oklch(71.05% 0.1003 202.42) 39.7%, oklch(73.42% 0.1008 199.50) 41.3%, oklch(75.70% 0.1010 196.54) 42.9%, oklch(77.88% 0.1008 193.53) 44.4%, oklch(79.91% 0.1002 190.47) 46.0%, oklch(81.79% 0.0991 187.38) 47.6%, oklch(83.48% 0.0975 184.25) 49.2%, oklch(84.99% 0.0952 181.09) 50.8%, oklch(86.42% 0.0916 177.86) 52.4%, oklch(87.78% 0.0868 174.55) 54.0%, oklch(89.07% 0.0811 171.17) 55.6%, oklch(90.28% 0.0746 167.73) 57.1%, oklch(91.41% 0.0676 164.23) 58.7%, oklch(92.43% 0.0603 160.68) 60.3%, oklch(93.36% 0.0529 157.09) 61.9%, oklch(94.17% 0.0456 153.46) 63.5%, oklch(94.87% 0.0387 149.81) 65.1%, oklch(95.44% 0.0325 146.12) 66.7%, oklch(95.87% 0.0270 142.43) 68.3%, oklch(96.17% 0.0225 138.72) 69.8%, oklch(96.31% 0.0193 135.01) 71.4%, oklch(96.31% 0.0176 131.30) 73.0%, oklch(96.13% 0.0176 127.60) 74.6%, oklch(95.74% 0.0195 123.83) 76.2%, oklch(95.04% 0.0234 119.83) 77.8%, oklch(94.05% 0.0289 115.65) 79.4%, oklch(92.83% 0.0359 111.32) 81.0%, oklch(91.41% 0.0440 106.90) 82.5%, oklch(89.84% 0.0531 102.44) 84.1%, oklch(88.15% 0.0628 97.99) 85.7%, oklch(86.39% 0.0730 93.60) 87.3%, oklch(84.61% 0.0834 89.31) 88.9%, oklch(82.84% 0.0937 85.18) 90.5%, oklch(81.12% 0.1038 81.25) 92.1%, oklch(79.50% 0.1132 77.58) 93.7%, oklch(78.01% 0.1219 74.21) 95.2%, oklch(76.71% 0.1295 71.20) 96.8%, oklch(75.62% 0.1358 68.59) 98.4%, oklch(74.80% 0.1406 66.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.047 | 250.3 |
| 2 | 0.492 | 0.087 | 226 |
| 3 | 0.843 | 0.096 | 182.7 |
| 4 | 0.961 | 0.018 | 126.7 |
| 5 | 0.748 | 0.141 | 66.4 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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