# Analogous black, teal and green linear swatches

Analogous black, teal and green linear swatches with 32 colors: #00070b, #00080d, #00090f, #000b11, #000e14, #001017, #00131a, #00161d, #001820, #001b23, #001e25, #002128, #00242a, #00272d, #002a2f, #002d32, #003034, #003337, #003639, #00393b, #003c3d, #003f3f, #004342, #004744, #004a46, #004e48, #00524a, #00564c, #00594e, #005d4f, #005f50, #006150. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUHg-gHBY-yogvY4JL2A`
- Page: https://grabient.com/kUHg-gHBY-yogvY4JL2A?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: dark to light, vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#00070b` | `oklch(11.81% 0.0207 225.00)` | Eight Ball | white, 20.3 to 1 |
| 2 | `#00080d` | `oklch(12.39% 0.0230 224.50)` | Eight Ball | white, 20.2 to 1 |
| 3 | `#00090f` | `oklch(13.19% 0.0250 225.09)` | Black Knight | white, 20 to 1 |
| 4 | `#000b11` | `oklch(14.06% 0.0264 224.20)` | Black Knight | white, 19.8 to 1 |
| 5 | `#000e14` | `oklch(15.03% 0.0281 223.26)` | Black Knight | white, 19.6 to 1 |
| 6 | `#001017` | `oklch(16.09% 0.0298 222.26)` | Black Glaze | white, 19.3 to 1 |
| 7 | `#00131a` | `oklch(17.21% 0.0316 221.20)` | Black Glaze | white, 18.9 to 1 |
| 8 | `#00161d` | `oklch(18.35% 0.0334 220.06)` | Creeping Death | white, 18.6 to 1 |
| 9 | `#001820` | `oklch(19.50% 0.0352 218.85)` | Creeping Death | white, 18.1 to 1 |
| 10 | `#001b23` | `oklch(20.63% 0.0370 217.56)` | Creeping Death | white, 17.7 to 1 |
| 11 | `#001e25` | `oklch(21.72% 0.0386 216.17)` | Stellar Explorer | white, 17.2 to 1 |
| 12 | `#002128` | `oklch(22.75% 0.0401 214.66)` | Stellar Explorer | white, 16.8 to 1 |
| 13 | `#00242a` | `oklch(23.80% 0.0416 212.99)` | Teal Spill | white, 16.3 to 1 |
| 14 | `#00272d` | `oklch(24.85% 0.0432 211.17)` | Daintree | white, 15.8 to 1 |
| 15 | `#002a2f` | `oklch(25.91% 0.0447 209.24)` | Daintree | white, 15.3 to 1 |
| 16 | `#002d32` | `oklch(26.98% 0.0463 207.21)` | Black Chasm | white, 14.8 to 1 |
| 17 | `#003034` | `oklch(28.06% 0.0479 205.12)` | Roof Tile Green | white, 14.3 to 1 |
| 18 | `#003337` | `oklch(29.14% 0.0496 203.01)` | Artist Blue | white, 13.7 to 1 |
| 19 | `#003639` | `oklch(30.22% 0.0514 200.88)` | Shrub Green | white, 13.2 to 1 |
| 20 | `#00393b` | `oklch(31.29% 0.0532 198.78)` | Customs Green | white, 12.7 to 1 |
| 21 | `#003c3d` | `oklch(32.37% 0.0551 196.74)` | Rich Black | white, 12.2 to 1 |
| 22 | `#003f3f` | `oklch(33.44% 0.0571 194.76)` | Rich Black | white, 11.7 to 1 |
| 23 | `#004342` | `oklch(34.58% 0.0593 192.68)` | Warm Black | white, 11.1 to 1 |
| 24 | `#004744` | `oklch(35.78% 0.0617 190.48)` | Cyprus | white, 10.6 to 1 |
| 25 | `#004a46` | `oklch(37.02% 0.0643 188.22)` | Tropical Forest | white, 10 to 1 |
| 26 | `#004e48` | `oklch(38.26% 0.0671 185.96)` | Action Green | white, 9.5 to 1 |
| 27 | `#00524a` | `oklch(39.48% 0.0700 183.74)` | Green Oblivion | white, 9 to 1 |
| 28 | `#00564c` | `oklch(40.63% 0.0730 181.63)` | Castleton Green | white, 8.6 to 1 |
| 29 | `#00594e` | `oklch(41.71% 0.0758 179.68)` | Forest Shadows | white, 8.2 to 1 |
| 30 | `#005d4f` | `oklch(42.66% 0.0785 177.94)` | Alpine Green | white, 7.8 to 1 |
| 31 | `#005f50` | `oklch(43.47% 0.0810 176.47)` | Alpine Green | white, 7.6 to 1 |
| 32 | `#006150` | `oklch(44.10% 0.0829 175.32)` | Alpine Green | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #00070b 0.000% 3.125%, #00080d 3.125% 6.250%, #00090f 6.250% 9.375%, #000b11 9.375% 12.500%, #000e14 12.500% 15.625%, #001017 15.625% 18.750%, #00131a 18.750% 21.875%, #00161d 21.875% 25.000%, #001820 25.000% 28.125%, #001b23 28.125% 31.250%, #001e25 31.250% 34.375%, #002128 34.375% 37.500%, #00242a 37.500% 40.625%, #00272d 40.625% 43.750%, #002a2f 43.750% 46.875%, #002d32 46.875% 50.000%, #003034 50.000% 53.125%, #003337 53.125% 56.250%, #003639 56.250% 59.375%, #00393b 59.375% 62.500%, #003c3d 62.500% 65.625%, #003f3f 65.625% 68.750%, #004342 68.750% 71.875%, #004744 71.875% 75.000%, #004a46 75.000% 78.125%, #004e48 78.125% 81.250%, #00524a 81.250% 84.375%, #00564c 84.375% 87.500%, #00594e 87.500% 90.625%, #005d4f 90.625% 93.750%, #005f50 93.750% 96.875%, #006150 96.875% 100.000%);
background: linear-gradient(135deg, oklch(11.81% 0.0207 225.00) 0.000% 3.125%, oklch(12.39% 0.0230 224.50) 3.125% 6.250%, oklch(13.19% 0.0250 225.09) 6.250% 9.375%, oklch(14.06% 0.0264 224.20) 9.375% 12.500%, oklch(15.03% 0.0281 223.26) 12.500% 15.625%, oklch(16.09% 0.0298 222.26) 15.625% 18.750%, oklch(17.21% 0.0316 221.20) 18.750% 21.875%, oklch(18.35% 0.0334 220.06) 21.875% 25.000%, oklch(19.50% 0.0352 218.85) 25.000% 28.125%, oklch(20.63% 0.0370 217.56) 28.125% 31.250%, oklch(21.72% 0.0386 216.17) 31.250% 34.375%, oklch(22.75% 0.0401 214.66) 34.375% 37.500%, oklch(23.80% 0.0416 212.99) 37.500% 40.625%, oklch(24.85% 0.0432 211.17) 40.625% 43.750%, oklch(25.91% 0.0447 209.24) 43.750% 46.875%, oklch(26.98% 0.0463 207.21) 46.875% 50.000%, oklch(28.06% 0.0479 205.12) 50.000% 53.125%, oklch(29.14% 0.0496 203.01) 53.125% 56.250%, oklch(30.22% 0.0514 200.88) 56.250% 59.375%, oklch(31.29% 0.0532 198.78) 59.375% 62.500%, oklch(32.37% 0.0551 196.74) 62.500% 65.625%, oklch(33.44% 0.0571 194.76) 65.625% 68.750%, oklch(34.58% 0.0593 192.68) 68.750% 71.875%, oklch(35.78% 0.0617 190.48) 71.875% 75.000%, oklch(37.02% 0.0643 188.22) 75.000% 78.125%, oklch(38.26% 0.0671 185.96) 78.125% 81.250%, oklch(39.48% 0.0700 183.74) 81.250% 84.375%, oklch(40.63% 0.0730 181.63) 84.375% 87.500%, oklch(41.71% 0.0758 179.68) 87.500% 90.625%, oklch(42.66% 0.0785 177.94) 90.625% 93.750%, oklch(43.47% 0.0810 176.47) 93.750% 96.875%, oklch(44.10% 0.0829 175.32) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.021 | 225 |
| 2 | 0.22 | 0.061 | 215.5 |
| 3 | 0.331 | 0.09 | 195.4 |
| 4 | 0.441 | 0.101 | 175.3 |

## In these collections

- [Teal gradients](https://grabient.com/teal-gradients)
- [Deep sea gradients](https://grabient.com/deep-sea-gradients)

## Other forms

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