# Near-black and teal color palette

This palette moves from dark gray through dark teal and teal to light teal. It steadily lightens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Black to teal linear gradient
- Seed: `kWHwmLHIu_DIXv7Npj_Z7M_Y`
- Page: https://grabient.com/kWHwmLHIu_DIXv7Npj_Z7M_Y?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 12 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 | `#020707` | `oklch(12.20% 0.0124 195.47)` | Black Metal | white, 20.2 to 1 |
| 2 | `#030909` | `oklch(12.98% 0.0138 194.84)` | Reversed Grey | white, 20 to 1 |
| 3 | `#030b0b` | `oklch(13.95% 0.0157 193.95)` | Dark Side of the Moon | white, 19.8 to 1 |
| 4 | `#030e0d` | `oklch(15.12% 0.0178 192.90)` | Dark Side of the Moon | white, 19.5 to 1 |
| 5 | `#041110` | `oklch(16.44% 0.0203 191.76)` | Black Glaze | white, 19.2 to 1 |
| 6 | `#051514` | `oklch(17.90% 0.0230 190.61)` | Black Is Back | white, 18.7 to 1 |
| 7 | `#051917` | `oklch(19.47% 0.0260 189.53)` | Black Stallion | white, 18.1 to 1 |
| 8 | `#061d1b` | `oklch(21.14% 0.0292 188.61)` | Black Stallion | white, 17.5 to 1 |
| 9 | `#07221f` | `oklch(22.88% 0.0325 187.92)` | Stellar Explorer | white, 16.7 to 1 |
| 10 | `#082724` | `oklch(24.74% 0.0362 187.42)` | Deep Slate Green | white, 15.9 to 1 |
| 11 | `#082c29` | `oklch(26.73% 0.0401 187.04)` | Guerrilla Forest | white, 14.9 to 1 |
| 12 | `#09322e` | `oklch(28.83% 0.0442 186.76)` | Fence Green | white, 13.9 to 1 |
| 13 | `#0a3834` | `oklch(31.03% 0.0486 186.55)` | Night Turquoise | white, 12.8 to 1 |
| 14 | `#0a3f3a` | `oklch(33.32% 0.0531 186.38)` | Botanical Night | white, 11.7 to 1 |
| 15 | `#0b4641` | `oklch(35.70% 0.0577 186.22)` | Cyprus | white, 10.6 to 1 |
| 16 | `#0b4d48` | `oklch(38.13% 0.0624 186.05)` | Swamp Mausoleum | white, 9.6 to 1 |
| 17 | `#0c554f` | `oklch(40.64% 0.0672 185.87)` | Cape Verde | white, 8.6 to 1 |
| 18 | `#0d5d56` | `oklch(43.28% 0.0721 185.73)` | Tidal Pool | white, 7.7 to 1 |
| 19 | `#0d665e` | `oklch(46.05% 0.0773 185.65)` | Arizona Stone | white, 6.8 to 1 |
| 20 | `#0e6f67` | `oklch(48.89% 0.0826 185.59)` | Tide Pools | white, 6 to 1 |
| 21 | `#0e786f` | `oklch(51.79% 0.0879 185.51)` | Pond Moss | white, 5.3 to 1 |
| 22 | `#0f8278` | `oklch(54.68% 0.0932 185.41)` | Green Garlands | white, 4.6 to 1 |
| 23 | `#108b81` | `oklch(57.55% 0.0984 185.24)` | Clear Turquoise | black, 5 to 1 |
| 24 | `#119589` | `oklch(60.34% 0.1035 184.98)` | Lights at Sea | black, 5.6 to 1 |
| 25 | `#139e92` | `oklch(63.14% 0.1085 184.60)` | On a Whim | black, 6.3 to 1 |
| 26 | `#15a99a` | `oklch(66.13% 0.1138 184.08)` | Tropical Hideaway | black, 7.1 to 1 |
| 27 | `#19b4a3` | `oklch(69.21% 0.1192 183.46)` | Glass Jar Blue | black, 8 to 1 |
| 28 | `#1cbeac` | `oklch(72.24% 0.1245 182.80)` | Tealish | black, 9 to 1 |
| 29 | `#20c8b5` | `oklch(75.11% 0.1295 182.15)` | Pristine Oceanic | black, 10 to 1 |
| 30 | `#24d2bc` | `oklch(77.70% 0.1340 181.54)` | Bianchi Green | black, 11 to 1 |
| 31 | `#28dac2` | `oklch(79.86% 0.1377 181.04)` | Mint Morning | black, 11.8 to 1 |
| 32 | `#2ae0c7` | `oklch(81.50% 0.1406 180.67)` | Celestial Green | black, 12.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #020707 0.0%, #030909 3.2%, #030b0b 6.5%, #030e0d 9.7%, #041110 12.9%, #051514 16.1%, #051917 19.4%, #061d1b 22.6%, #07221f 25.8%, #082724 29.0%, #082c29 32.3%, #09322e 35.5%, #0a3834 38.7%, #0a3f3a 41.9%, #0b4641 45.2%, #0b4d48 48.4%, #0c554f 51.6%, #0d5d56 54.8%, #0d665e 58.1%, #0e6f67 61.3%, #0e786f 64.5%, #0f8278 67.7%, #108b81 71.0%, #119589 74.2%, #139e92 77.4%, #15a99a 80.6%, #19b4a3 83.9%, #1cbeac 87.1%, #20c8b5 90.3%, #24d2bc 93.5%, #28dac2 96.8%, #2ae0c7 100.0%);
background: linear-gradient(90deg in oklch, oklch(12.20% 0.0124 195.47) 0.0%, oklch(12.98% 0.0138 194.84) 3.2%, oklch(13.95% 0.0157 193.95) 6.5%, oklch(15.12% 0.0178 192.90) 9.7%, oklch(16.44% 0.0203 191.76) 12.9%, oklch(17.90% 0.0230 190.61) 16.1%, oklch(19.47% 0.0260 189.53) 19.4%, oklch(21.14% 0.0292 188.61) 22.6%, oklch(22.88% 0.0325 187.92) 25.8%, oklch(24.74% 0.0362 187.42) 29.0%, oklch(26.73% 0.0401 187.04) 32.3%, oklch(28.83% 0.0442 186.76) 35.5%, oklch(31.03% 0.0486 186.55) 38.7%, oklch(33.32% 0.0531 186.38) 41.9%, oklch(35.70% 0.0577 186.22) 45.2%, oklch(38.13% 0.0624 186.05) 48.4%, oklch(40.64% 0.0672 185.87) 51.6%, oklch(43.28% 0.0721 185.73) 54.8%, oklch(46.05% 0.0773 185.65) 58.1%, oklch(48.89% 0.0826 185.59) 61.3%, oklch(51.79% 0.0879 185.51) 64.5%, oklch(54.68% 0.0932 185.41) 67.7%, oklch(57.55% 0.0984 185.24) 71.0%, oklch(60.34% 0.1035 184.98) 74.2%, oklch(63.14% 0.1085 184.60) 77.4%, oklch(66.13% 0.1138 184.08) 80.6%, oklch(69.21% 0.1192 183.46) 83.9%, oklch(72.24% 0.1245 182.80) 87.1%, oklch(75.11% 0.1295 182.15) 90.3%, oklch(77.70% 0.1340 181.54) 93.5%, oklch(79.86% 0.1377 181.04) 96.8%, oklch(81.50% 0.1406 180.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.122 | 0.012 | 195.5 |
| 2 | 0.224 | 0.032 | 188.1 |
| 3 | 0.394 | 0.065 | 186 |
| 4 | 0.61 | 0.105 | 184.9 |
| 5 | 0.815 | 0.141 | 180.7 |

## In these collections

- [Cool blue](https://grabient.com/cool-blue)
- [Sequential data gradients](https://grabient.com/sequential-data-gradients)
- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)
- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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