# Teal cyan frost glow

The Teal cyan frost glow brings together dark blue, teal, and light teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light teal.

- Also called: Analogous black, teal and light blue radial gradient
- Seed: `kUNxiktZk9FKnPvwHL6g`
- Page: https://grabient.com/kUNxiktZk9FKnPvwHL6g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#081c26` | `oklch(21.65% 0.0331 231.33)` | Oxford by Night | white, 17.3 to 1 |
| 2 | `#081f2a` | `oklch(22.82% 0.0351 229.87)` | The Count’s Black | white, 16.8 to 1 |
| 3 | `#09232e` | `oklch(24.29% 0.0377 227.91)` | Crow Feather | white, 16.2 to 1 |
| 4 | `#092833` | `oklch(26.03% 0.0408 225.57)` | Black Box | white, 15.3 to 1 |
| 5 | `#0a2d39` | `oklch(27.98% 0.0442 222.96)` | Black Chasm | white, 14.4 to 1 |
| 6 | `#0a333f` | `oklch(30.10% 0.0479 220.18)` | Firmament Blue | white, 13.4 to 1 |
| 7 | `#0b3a45` | `oklch(32.33% 0.0518 217.34)` | Ghostlands Coal | white, 12.3 to 1 |
| 8 | `#0b414b` | `oklch(34.63% 0.0559 214.55)` | Cold and Dark | white, 11.2 to 1 |
| 9 | `#0b4852` | `oklch(36.94% 0.0599 211.92)` | Midnight Green | white, 10.2 to 1 |
| 10 | `#0a4f58` | `oklch(39.22% 0.0639 209.56)` | Iron Teal | white, 9.2 to 1 |
| 11 | `#0b565e` | `oklch(41.42% 0.0677 207.58)` | Baltic Trench | white, 8.4 to 1 |
| 12 | `#0a5c65` | `oklch(43.53% 0.0714 206.03)` | Tropical Skies | white, 7.6 to 1 |
| 13 | `#08636b` | `oklch(45.67% 0.0757 204.78)` | Peacock Tail | white, 6.9 to 1 |
| 14 | `#056a72` | `oklch(47.84% 0.0803 203.77)` | Kingfisher Bright | white, 6.3 to 1 |
| 15 | `#007179` | `oklch(50.04% 0.0851 202.94)` | Scurf Green | white, 5.7 to 1 |
| 16 | `#007880` | `oklch(52.26% 0.0889 202.25)` | Hypnotic Sea | white, 5.2 to 1 |
| 17 | `#008087` | `oklch(54.49% 0.0927 201.65)` | Go Alpha | white, 4.7 to 1 |
| 18 | `#00878e` | `oklch(56.74% 0.0965 201.09)` | Ocean Soul | black, 4.8 to 1 |
| 19 | `#008f95` | `oklch(58.98% 0.1003 200.51)` | Christina Brown | black, 5.3 to 1 |
| 20 | `#00969c` | `oklch(61.23% 0.1041 199.88)` | Sea Fantasy | black, 5.8 to 1 |
| 21 | `#079ea3` | `oklch(63.47% 0.1069 199.14)` | Pleasant Stream | black, 6.4 to 1 |
| 22 | `#19a5a9` | `oklch(65.72% 0.1076 198.25)` | Wax Crayon Blue | black, 6.9 to 1 |
| 23 | `#2aadaf` | `oklch(68.11% 0.1068 197.23)` | Larkspur Blue | black, 7.6 to 1 |
| 24 | `#3ab4b6` | `oklch(70.64% 0.1049 196.12)` | Lake Tahoe Turquoise | black, 8.4 to 1 |
| 25 | `#4abcbc` | `oklch(73.24% 0.1021 194.94)` | Lagoon Rock | black, 9.2 to 1 |
| 26 | `#59c4c3` | `oklch(75.86% 0.0986 193.75)` | Port Hope | black, 10.1 to 1 |
| 27 | `#67ccc9` | `oklch(78.42% 0.0948 192.56)` | Petrichor | black, 11 to 1 |
| 28 | `#74d3cf` | `oklch(80.87% 0.0907 191.42)` | Hidden Sea Glass | black, 12 to 1 |
| 29 | `#81dad4` | `oklch(83.13% 0.0868 190.36)` | Rainwater | black, 12.9 to 1 |
| 30 | `#8be0da` | `oklch(85.15% 0.0833 189.41)` | Limpet Shell | black, 13.7 to 1 |
| 31 | `#94e5de` | `oklch(86.86% 0.0805 188.62)` | Sharbah Fizz | black, 14.5 to 1 |
| 32 | `#9ae9e2` | `oklch(88.19% 0.0785 188.00)` | Sea Glass Teal | black, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #081c26 0.0%, #081f2a 3.2%, #09232e 6.5%, #092833 9.7%, #0a2d39 12.9%, #0a333f 16.1%, #0b3a45 19.4%, #0b414b 22.6%, #0b4852 25.8%, #0a4f58 29.0%, #0b565e 32.3%, #0a5c65 35.5%, #08636b 38.7%, #056a72 41.9%, #007179 45.2%, #007880 48.4%, #008087 51.6%, #00878e 54.8%, #008f95 58.1%, #00969c 61.3%, #079ea3 64.5%, #19a5a9 67.7%, #2aadaf 71.0%, #3ab4b6 74.2%, #4abcbc 77.4%, #59c4c3 80.6%, #67ccc9 83.9%, #74d3cf 87.1%, #81dad4 90.3%, #8be0da 93.5%, #94e5de 96.8%, #9ae9e2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0331 231.33) 0.0%, oklch(22.82% 0.0351 229.87) 3.2%, oklch(24.29% 0.0377 227.91) 6.5%, oklch(26.03% 0.0408 225.57) 9.7%, oklch(27.98% 0.0442 222.96) 12.9%, oklch(30.10% 0.0479 220.18) 16.1%, oklch(32.33% 0.0518 217.34) 19.4%, oklch(34.63% 0.0559 214.55) 22.6%, oklch(36.94% 0.0599 211.92) 25.8%, oklch(39.22% 0.0639 209.56) 29.0%, oklch(41.42% 0.0677 207.58) 32.3%, oklch(43.53% 0.0714 206.03) 35.5%, oklch(45.67% 0.0757 204.78) 38.7%, oklch(47.84% 0.0803 203.77) 41.9%, oklch(50.04% 0.0851 202.94) 45.2%, oklch(52.26% 0.0889 202.25) 48.4%, oklch(54.49% 0.0927 201.65) 51.6%, oklch(56.74% 0.0965 201.09) 54.8%, oklch(58.98% 0.1003 200.51) 58.1%, oklch(61.23% 0.1041 199.88) 61.3%, oklch(63.47% 0.1069 199.14) 64.5%, oklch(65.72% 0.1076 198.25) 67.7%, oklch(68.11% 0.1068 197.23) 71.0%, oklch(70.64% 0.1049 196.12) 74.2%, oklch(73.24% 0.1021 194.94) 77.4%, oklch(75.86% 0.0986 193.75) 80.6%, oklch(78.42% 0.0948 192.56) 83.9%, oklch(80.87% 0.0907 191.42) 87.1%, oklch(83.13% 0.0868 190.36) 90.3%, oklch(85.15% 0.0833 189.41) 93.5%, oklch(86.86% 0.0805 188.62) 96.8%, oklch(88.19% 0.0785 188.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.033 | 231.3 |
| 2 | 0.421 | 0.069 | 207 |
| 3 | 0.65 | 0.107 | 198.6 |
| 4 | 0.882 | 0.079 | 188 |

## In these collections

- [Cool gradients](https://grabient.com/cool-gradients)

## Other forms

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