# Cobalt aqua and cream glass medallion

A charcoal-blue center radiates through deep cobalt, blue teal, and aqua into muted green, pale olive, and warm cream. The radial gradient recalls the illuminated center and colored surround of a stained-glass medallion. Its cool jewel tones and softly lit edge suit ornamental graphics, decorative stationery, and circular background compositions.

- Also called: Tritone navy, teal and beige radial gradient
- Seed: `kUQAvDNas9tMjOJwEzNg`
- Page: https://grabient.com/kUQAvDNas9tMjOJwEzNg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark to light, muted, cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#20222a` | `oklch(25.20% 0.0152 274.22)` | Dark Gunmetal | white, 15.9 to 1 |
| 2 | `#21232e` | `oklch(25.93% 0.0201 273.50)` | Moonless Mystery | white, 15.5 to 1 |
| 3 | `#212533` | `oklch(26.81% 0.0266 272.77)` | Moonless Mystery | white, 15.1 to 1 |
| 4 | `#22273a` | `oklch(27.82% 0.0345 272.02)` | Midnight Express | white, 14.7 to 1 |
| 5 | `#232a41` | `oklch(28.95% 0.0434 271.19)` | Valhalla | white, 14.2 to 1 |
| 6 | `#242d49` | `oklch(30.19% 0.0531 270.26)` | Manganese Black | white, 13.6 to 1 |
| 7 | `#252f52` | `oklch(31.52% 0.0631 269.20)` | Wahoo | white, 13 to 1 |
| 8 | `#25335b` | `oklch(32.92% 0.0733 267.97)` | Boatswain | white, 12.3 to 1 |
| 9 | `#253664` | `oklch(34.39% 0.0832 266.53)` | Navy Trim | white, 11.7 to 1 |
| 10 | `#243a6d` | `oklch(35.90% 0.0926 264.87)` | Limoges | white, 11 to 1 |
| 11 | `#233e76` | `oklch(37.44% 0.1011 262.93)` | Blue Expanse | white, 10.3 to 1 |
| 12 | `#21437e` | `oklch(39.01% 0.1085 260.70)` | Maritime Outpost | white, 9.7 to 1 |
| 13 | `#1d4886` | `oklch(40.57% 0.1144 258.13)` | Indigo Hamlet | white, 9 to 1 |
| 14 | `#174d8c` | `oklch(42.13% 0.1185 255.20)` | Olympian Blue | white, 8.4 to 1 |
| 15 | `#0f5391` | `oklch(43.71% 0.1210 251.94)` | Ocean | white, 7.8 to 1 |
| 16 | `#025996` | `oklch(45.36% 0.1222 248.43)` | Parachuting | white, 7.3 to 1 |
| 17 | `#006098` | `oklch(47.07% 0.1177 244.69)` | Hyper Blue | white, 6.7 to 1 |
| 18 | `#006699` | `oklch(48.83% 0.1131 240.66)` | Impulse Blue | white, 6.2 to 1 |
| 19 | `#006d9b` | `oklch(50.62% 0.1095 236.37)` | Disarm | white, 5.7 to 1 |
| 20 | `#00749d` | `oklch(52.45% 0.1068 231.83)` | Tofino Belue | white, 5.2 to 1 |
| 21 | `#007b9f` | `oklch(54.30% 0.1049 227.03)` | Bleu Ciel | white, 4.8 to 1 |
| 22 | `#0082a0` | `oklch(56.17% 0.1038 221.97)` | Ahoy! Blue | black, 4.6 to 1 |
| 23 | `#0089a2` | `oklch(58.03% 0.1034 216.66)` | Teal Blue | black, 5 to 1 |
| 24 | `#0090a3` | `oklch(59.89% 0.1040 211.09)` | Oasis | black, 5.5 to 1 |
| 25 | `#1397a3` | `oklch(61.74% 0.1023 205.26)` | Mediterranean Swirl | black, 5.9 to 1 |
| 26 | `#269da2` | `oklch(63.56% 0.0992 199.18)` | Empress Envy | black, 6.4 to 1 |
| 27 | `#36a3a0` | `oklch(65.35% 0.0965 192.85)` | Bahaman Bliss | black, 6.8 to 1 |
| 28 | `#45a89e` | `oklch(67.19% 0.0937 185.85)` | Jewel Weed | black, 7.3 to 1 |
| 29 | `#55ae9c` | `oklch(69.12% 0.0904 177.92)` | Water Park | black, 7.9 to 1 |
| 30 | `#67b499` | `oklch(71.12% 0.0869 169.26)` | Keppel | black, 8.5 to 1 |
| 31 | `#78b996` | `oklch(73.16% 0.0831 160.07)` | Mountain Lake Green | black, 9.1 to 1 |
| 32 | `#8abd95` | `oklch(75.20% 0.0791 150.55)` | Garden Swing | black, 9.8 to 1 |
| 33 | `#9bc194` | `oklch(77.23% 0.0751 140.91)` | Velvet Leaf | black, 10.4 to 1 |
| 34 | `#abc596` | `oklch(79.20% 0.0710 131.36)` | Geddy Green | black, 11.1 to 1 |
| 35 | `#b9c999` | `oklch(81.09% 0.0671 122.09)` | Sprout | black, 11.8 to 1 |
| 36 | `#c6cc9d` | `oklch(82.86% 0.0634 113.32)` | Dappled Daydream | black, 12.5 to 1 |
| 37 | `#d1cfa2` | `oklch(84.49% 0.0600 105.23)` | Heart of Palm | black, 13.1 to 1 |
| 38 | `#dad2a7` | `oklch(85.94% 0.0569 98.05)` | Bleached Wheat | black, 13.7 to 1 |
| 39 | `#e1d4ad` | `oklch(87.18% 0.0544 91.96)` | Meadow Dew | black, 14.2 to 1 |
| 40 | `#e7d7b1` | `oklch(88.19% 0.0524 87.17)` | Sunning Deck | black, 14.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #20222a 0.0%, #21232e 2.6%, #212533 5.1%, #22273a 7.7%, #232a41 10.3%, #242d49 12.8%, #252f52 15.4%, #25335b 17.9%, #253664 20.5%, #243a6d 23.1%, #233e76 25.6%, #21437e 28.2%, #1d4886 30.8%, #174d8c 33.3%, #0f5391 35.9%, #025996 38.5%, #006098 41.0%, #006699 43.6%, #006d9b 46.2%, #00749d 48.7%, #007b9f 51.3%, #0082a0 53.8%, #0089a2 56.4%, #0090a3 59.0%, #1397a3 61.5%, #269da2 64.1%, #36a3a0 66.7%, #45a89e 69.2%, #55ae9c 71.8%, #67b499 74.4%, #78b996 76.9%, #8abd95 79.5%, #9bc194 82.1%, #abc596 84.6%, #b9c999 87.2%, #c6cc9d 89.7%, #d1cfa2 92.3%, #dad2a7 94.9%, #e1d4ad 97.4%, #e7d7b1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.20% 0.0152 274.22) 0.0%, oklch(25.93% 0.0201 273.50) 2.6%, oklch(26.81% 0.0266 272.77) 5.1%, oklch(27.82% 0.0345 272.02) 7.7%, oklch(28.95% 0.0434 271.19) 10.3%, oklch(30.19% 0.0531 270.26) 12.8%, oklch(31.52% 0.0631 269.20) 15.4%, oklch(32.92% 0.0733 267.97) 17.9%, oklch(34.39% 0.0832 266.53) 20.5%, oklch(35.90% 0.0926 264.87) 23.1%, oklch(37.44% 0.1011 262.93) 25.6%, oklch(39.01% 0.1085 260.70) 28.2%, oklch(40.57% 0.1144 258.13) 30.8%, oklch(42.13% 0.1185 255.20) 33.3%, oklch(43.71% 0.1210 251.94) 35.9%, oklch(45.36% 0.1222 248.43) 38.5%, oklch(47.07% 0.1177 244.69) 41.0%, oklch(48.83% 0.1131 240.66) 43.6%, oklch(50.62% 0.1095 236.37) 46.2%, oklch(52.45% 0.1068 231.83) 48.7%, oklch(54.30% 0.1049 227.03) 51.3%, oklch(56.17% 0.1038 221.97) 53.8%, oklch(58.03% 0.1034 216.66) 56.4%, oklch(59.89% 0.1040 211.09) 59.0%, oklch(61.74% 0.1023 205.26) 61.5%, oklch(63.56% 0.0992 199.18) 64.1%, oklch(65.35% 0.0965 192.85) 66.7%, oklch(67.19% 0.0937 185.85) 69.2%, oklch(69.12% 0.0904 177.92) 71.8%, oklch(71.12% 0.0869 169.26) 74.4%, oklch(73.16% 0.0831 160.07) 76.9%, oklch(75.20% 0.0791 150.55) 79.5%, oklch(77.23% 0.0751 140.91) 82.1%, oklch(79.20% 0.0710 131.36) 84.6%, oklch(81.09% 0.0671 122.09) 87.2%, oklch(82.86% 0.0634 113.32) 89.7%, oklch(84.49% 0.0600 105.23) 92.3%, oklch(85.94% 0.0569 98.05) 94.9%, oklch(87.18% 0.0544 91.96) 97.4%, oklch(88.19% 0.0524 87.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.015 | 274.2 |
| 2 | 0.421 | 0.119 | 255.2 |
| 3 | 0.654 | 0.096 | 192.8 |
| 4 | 0.882 | 0.052 | 87.2 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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