# Near-black and teal color palette

This palette brings together dark teal and teal. It lightens and then darkens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Analogous black, teal, blue and navy radial gradient
- Seed: `kSLhmK0q9BZwQwU`
- Page: https://grabient.com/kSLhmK0q9BZwQwU?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#001616` | `oklch(18.14% 0.0310 194.80)` | Black Glaze | white, 18.6 to 1 |
| 2 | `#001919` | `oklch(19.29% 0.0329 195.09)` | Black Stallion | white, 18.2 to 1 |
| 3 | `#001d1d` | `oklch(20.75% 0.0354 195.43)` | Stellar Explorer | white, 17.6 to 1 |
| 4 | `#002121` | `oklch(22.47% 0.0383 195.80)` | Stellar Explorer | white, 16.9 to 1 |
| 5 | `#002627` | `oklch(24.43% 0.0416 196.22)` | Teal Spill | white, 16 to 1 |
| 6 | `#002c2d` | `oklch(26.60% 0.0453 196.67)` | Black Chasm | white, 15 to 1 |
| 7 | `#003334` | `oklch(28.94% 0.0493 197.15)` | Nora’s Forest | white, 13.8 to 1 |
| 8 | `#00393b` | `oklch(31.43% 0.0535 197.66)` | Customs Green | white, 12.6 to 1 |
| 9 | `#004143` | `oklch(34.03% 0.0579 198.20)` | Warm Black | white, 11.4 to 1 |
| 10 | `#00494b` | `oklch(36.71% 0.0624 198.76)` | Sherpa Blue | white, 10.2 to 1 |
| 11 | `#005154` | `oklch(39.43% 0.0670 199.34)` | Wool Turquoise | white, 9.1 to 1 |
| 12 | `#00595d` | `oklch(42.17% 0.0717 199.93)` | Deep Sea Green | white, 8.1 to 1 |
| 13 | `#006166` | `oklch(44.90% 0.0763 200.54)` | Beau Vert | white, 7.2 to 1 |
| 14 | `#006a6f` | `oklch(47.58% 0.0809 201.16)` | Deep Lake | white, 6.4 to 1 |
| 15 | `#007278` | `oklch(50.18% 0.0854 201.79)` | Essential Teal | white, 5.7 to 1 |
| 16 | `#007a81` | `oklch(52.68% 0.0897 202.41)` | Mediterranean Cove | white, 5.1 to 1 |
| 17 | `#00818a` | `oklch(55.03% 0.0937 203.04)` | Go Alpha | white, 4.6 to 1 |
| 18 | `#008892` | `oklch(57.20% 0.0975 203.67)` | Tuscana Blue | black, 4.9 to 1 |
| 19 | `#008f9a` | `oklch(59.18% 0.1009 204.29)` | Coral Coast | black, 5.3 to 1 |
| 20 | `#0094a0` | `oklch(60.92% 0.1040 204.90)` | Jaded | black, 5.7 to 1 |
| 21 | `#0099a6` | `oklch(62.38% 0.1066 205.50)` | Turkish Boy | black, 6.1 to 1 |
| 22 | `#009dab` | `oklch(63.55% 0.1088 206.08)` | Lake Blue | black, 6.4 to 1 |
| 23 | `#00a0af` | `oklch(64.39% 0.1103 206.65)` | Breaking Wave | black, 6.6 to 1 |
| 24 | `#00a1b1` | `oklch(64.87% 0.1113 207.19)` | Breaking Wave | black, 6.7 to 1 |
| 25 | `#00a1b2` | `oklch(64.95% 0.1116 207.71)` | Breaking Wave | black, 6.7 to 1 |
| 26 | `#00a0b2` | `oklch(64.65% 0.1112 208.25)` | Breaking Wave | black, 6.6 to 1 |
| 27 | `#009eb0` | `oklch(63.99% 0.1103 208.79)` | Lake Blue | black, 6.5 to 1 |
| 28 | `#009bad` | `oklch(63.01% 0.1087 209.35)` | Aquarium Diver | black, 6.2 to 1 |
| 29 | `#0096a9` | `oklch(61.73% 0.1067 209.92)` | Brilliant | black, 5.9 to 1 |
| 30 | `#0091a3` | `oklch(60.18% 0.1043 210.49)` | Oasis | black, 5.5 to 1 |
| 31 | `#008b9e` | `oklch(58.40% 0.1014 211.07)` | Parrot Flight | black, 5.1 to 1 |
| 32 | `#008497` | `oklch(56.42% 0.0982 211.65)` | Cruising | black, 4.7 to 1 |
| 33 | `#007d90` | `oklch(54.26% 0.0946 212.23)` | Pagoda | white, 4.8 to 1 |
| 34 | `#007688` | `oklch(51.97% 0.0909 212.80)` | Glamour Green | white, 5.3 to 1 |
| 35 | `#006e80` | `oklch(49.56% 0.0869 213.37)` | Crystal Teal | white, 5.9 to 1 |
| 36 | `#006677` | `oklch(47.07% 0.0827 213.93)` | Atlantis Myth | white, 6.5 to 1 |
| 37 | `#005f6f` | `oklch(44.53% 0.0785 214.48)` | Cool Dive | white, 7.3 to 1 |
| 38 | `#005766` | `oklch(41.97% 0.0741 215.02)` | Abyssal Waters | white, 8.2 to 1 |
| 39 | `#004f5e` | `oklch(39.42% 0.0698 215.55)` | Sandalwood Grey Blue | white, 9.1 to 1 |
| 40 | `#004856` | `oklch(36.92% 0.0656 216.06)` | Midnight Green | white, 10.2 to 1 |
| 41 | `#00414e` | `oklch(34.48% 0.0614 216.55)` | Cold and Dark | white, 11.3 to 1 |
| 42 | `#003a46` | `oklch(32.15% 0.0574 217.02)` | Natural Indigo | white, 12.3 to 1 |
| 43 | `#00343f` | `oklch(29.96% 0.0537 217.47)` | Artist Blue | white, 13.4 to 1 |
| 44 | `#002e39` | `oklch(27.93% 0.0501 217.89)` | Black Chasm | white, 14.4 to 1 |
| 45 | `#002933` | `oklch(26.09% 0.0470 218.29)` | Daintree | white, 15.3 to 1 |
| 46 | `#00252e` | `oklch(24.48% 0.0442 218.66)` | Daintree | white, 16 to 1 |
| 47 | `#00222a` | `oklch(23.13% 0.0418 218.99)` | Teal Spill | white, 16.6 to 1 |
| 48 | `#001f27` | `oklch(22.07% 0.0400 219.29)` | Stellar Explorer | white, 17.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001616 0.0%, #001919 2.1%, #001d1d 4.3%, #002121 6.4%, #002627 8.5%, #002c2d 10.6%, #003334 12.8%, #00393b 14.9%, #004143 17.0%, #00494b 19.1%, #005154 21.3%, #00595d 23.4%, #006166 25.5%, #006a6f 27.7%, #007278 29.8%, #007a81 31.9%, #00818a 34.0%, #008892 36.2%, #008f9a 38.3%, #0094a0 40.4%, #0099a6 42.6%, #009dab 44.7%, #00a0af 46.8%, #00a1b1 48.9%, #00a1b2 51.1%, #00a0b2 53.2%, #009eb0 55.3%, #009bad 57.4%, #0096a9 59.6%, #0091a3 61.7%, #008b9e 63.8%, #008497 66.0%, #007d90 68.1%, #007688 70.2%, #006e80 72.3%, #006677 74.5%, #005f6f 76.6%, #005766 78.7%, #004f5e 80.9%, #004856 83.0%, #00414e 85.1%, #003a46 87.2%, #00343f 89.4%, #002e39 91.5%, #002933 93.6%, #00252e 95.7%, #00222a 97.9%, #001f27 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.14% 0.0310 194.80) 0.0%, oklch(19.29% 0.0329 195.09) 2.1%, oklch(20.75% 0.0354 195.43) 4.3%, oklch(22.47% 0.0383 195.80) 6.4%, oklch(24.43% 0.0416 196.22) 8.5%, oklch(26.60% 0.0453 196.67) 10.6%, oklch(28.94% 0.0493 197.15) 12.8%, oklch(31.43% 0.0535 197.66) 14.9%, oklch(34.03% 0.0579 198.20) 17.0%, oklch(36.71% 0.0624 198.76) 19.1%, oklch(39.43% 0.0670 199.34) 21.3%, oklch(42.17% 0.0717 199.93) 23.4%, oklch(44.90% 0.0763 200.54) 25.5%, oklch(47.58% 0.0809 201.16) 27.7%, oklch(50.18% 0.0854 201.79) 29.8%, oklch(52.68% 0.0897 202.41) 31.9%, oklch(55.03% 0.0937 203.04) 34.0%, oklch(57.20% 0.0975 203.67) 36.2%, oklch(59.18% 0.1009 204.29) 38.3%, oklch(60.92% 0.1040 204.90) 40.4%, oklch(62.38% 0.1066 205.50) 42.6%, oklch(63.55% 0.1088 206.08) 44.7%, oklch(64.39% 0.1103 206.65) 46.8%, oklch(64.87% 0.1113 207.19) 48.9%, oklch(64.95% 0.1116 207.71) 51.1%, oklch(64.65% 0.1112 208.25) 53.2%, oklch(63.99% 0.1103 208.79) 55.3%, oklch(63.01% 0.1087 209.35) 57.4%, oklch(61.73% 0.1067 209.92) 59.6%, oklch(60.18% 0.1043 210.49) 61.7%, oklch(58.40% 0.1014 211.07) 63.8%, oklch(56.42% 0.0982 211.65) 66.0%, oklch(54.26% 0.0946 212.23) 68.1%, oklch(51.97% 0.0909 212.80) 70.2%, oklch(49.56% 0.0869 213.37) 72.3%, oklch(47.07% 0.0827 213.93) 74.5%, oklch(44.53% 0.0785 214.48) 76.6%, oklch(41.97% 0.0741 215.02) 78.7%, oklch(39.42% 0.0698 215.55) 80.9%, oklch(36.92% 0.0656 216.06) 83.0%, oklch(34.48% 0.0614 216.55) 85.1%, oklch(32.15% 0.0574 217.02) 87.2%, oklch(29.96% 0.0537 217.47) 89.4%, oklch(27.93% 0.0501 217.89) 91.5%, oklch(26.09% 0.0470 218.29) 93.6%, oklch(24.48% 0.0442 218.66) 95.7%, oklch(23.13% 0.0418 218.99) 97.9%, oklch(22.07% 0.0400 219.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.034 | 194.8 |
| 2 | 0.65 | 0.13 | 207.4 |
| 3 | 0.22 | 0.045 | 219.1 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Deep sea gradients](https://grabient.com/deep-sea-gradients)
- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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