# Near-black and stone color palette

The Near-black and stone color palette brings together dark teal, green, off-white, and teal. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark teal, and its lightest tone is off-white.

- Also called: Seamless black, dark green and gray radial gradient
- Seed: `kWOCx7rKS-3UEwOqIMEGZJAY`
- Page: https://grabient.com/kWOCx7rKS-3UEwOqIMEGZJAY?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, vivid, dark, cool, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.2 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 | `#002119` | `oklch(22.07% 0.0422 173.53)` | Clock Chimes Thirteen | white, 17 to 1 |
| 2 | `#00221a` | `oklch(22.44% 0.0430 173.16)` | Stellar Explorer | white, 16.8 to 1 |
| 3 | `#00231a` | `oklch(22.77% 0.0439 172.66)` | Clock Chimes Thirteen | white, 16.7 to 1 |
| 4 | `#00241b` | `oklch(23.08% 0.0447 172.06)` | Clock Chimes Thirteen | white, 16.6 to 1 |
| 5 | `#00251b` | `oklch(23.38% 0.0456 171.37)` | Deep Slate Green | white, 16.4 to 1 |
| 6 | `#00251b` | `oklch(23.71% 0.0466 170.61)` | Deep Slate Green | white, 16.3 to 1 |
| 7 | `#00271c` | `oklch(24.08% 0.0478 169.81)` | Deep Slate Green | white, 16.1 to 1 |
| 8 | `#00281c` | `oklch(24.53% 0.0491 168.99)` | Deep Slate Green | white, 15.9 to 1 |
| 9 | `#00291d` | `oklch(25.06% 0.0506 168.17)` | Deep Slate Green | white, 15.6 to 1 |
| 10 | `#002b1e` | `oklch(25.72% 0.0525 167.37)` | Bush | white, 15.3 to 1 |
| 11 | `#002d1f` | `oklch(26.51% 0.0546 166.61)` | Bush | white, 14.9 to 1 |
| 12 | `#003021` | `oklch(27.48% 0.0571 165.92)` | Dark Jungle | white, 14.5 to 1 |
| 13 | `#003323` | `oklch(28.63% 0.0599 165.31)` | Pitch-Black Forests | white, 13.9 to 1 |
| 14 | `#003726` | `oklch(29.99% 0.0632 164.80)` | Off-Road Green | white, 13.2 to 1 |
| 15 | `#003c29` | `oklch(31.60% 0.0670 164.42)` | Deep Fir | white, 12.4 to 1 |
| 16 | `#00422d` | `oklch(33.46% 0.0711 164.18)` | UP Forest Green | white, 11.6 to 1 |
| 17 | `#004831` | `oklch(35.63% 0.0758 164.11)` | Alaskan Moss | white, 10.6 to 1 |
| 18 | `#005138` | `oklch(38.43% 0.0817 164.19)` | Trapper Green | white, 9.4 to 1 |
| 19 | `#005c40` | `oklch(41.90% 0.0888 164.39)` | Billiard Table | white, 8.1 to 1 |
| 20 | `#17674b` | `oklch(45.92% 0.0879 164.72)` | Brunswick | white, 6.8 to 1 |
| 21 | `#2f7359` | `oklch(50.36% 0.0816 165.12)` | Nordic Forest | white, 5.6 to 1 |
| 22 | `#438067` | `oklch(55.10% 0.0746 165.61)` | Bathing Beauty | white, 4.6 to 1 |
| 23 | `#588d77` | `oklch(60.03% 0.0670 166.17)` | Alexandrite Green | black, 5.5 to 1 |
| 24 | `#6c9b87` | `oklch(65.00% 0.0591 166.79)` | Cyprus Green | black, 6.6 to 1 |
| 25 | `#80a998` | `oklch(69.91% 0.0512 167.45)` | Catnip | black, 8 to 1 |
| 26 | `#93b6a8` | `oklch(74.63% 0.0434 168.15)` | Treetop | black, 9.4 to 1 |
| 27 | `#a5c3b7` | `oklch(79.03% 0.0361 168.87)` | Folk Tales | black, 11 to 1 |
| 28 | `#b6cec4` | `oklch(83.00% 0.0293 169.60)` | Quiet Drizzle | black, 12.5 to 1 |
| 29 | `#c4d8d0` | `oklch(86.40% 0.0233 170.32)` | Geyser | black, 14 to 1 |
| 30 | `#d0dfd9` | `oklch(89.12% 0.0185 171.02)` | Snow Leopard | black, 15.2 to 1 |
| 31 | `#d8e5e0` | `oklch(91.04% 0.0149 171.69)` | Melting Snowman | black, 16.1 to 1 |
| 32 | `#dde8e4` | `oklch(92.02% 0.0128 172.32)` | Sandwashed Glassshard | black, 16.6 to 1 |
| 33 | `#dde7e3` | `oklch(91.96% 0.0124 172.90)` | Pirate Coast | black, 16.6 to 1 |
| 34 | `#d8e4e0` | `oklch(90.84% 0.0138 173.50)` | Fizzle | black, 16 to 1 |
| 35 | `#d0ded9` | `oklch(88.79% 0.0166 174.12)` | Snow Leopard | black, 15 to 1 |
| 36 | `#c4d5d0` | `oklch(85.92% 0.0207 174.76)` | Celtic Grey | black, 13.8 to 1 |
| 37 | `#b5cbc4` | `oklch(82.38% 0.0258 175.41)` | Blue Fluorite | black, 12.3 to 1 |
| 38 | `#a4bfb7` | `oklch(78.26% 0.0318 176.07)` | Botanical Bliss | black, 10.7 to 1 |
| 39 | `#91b2a9` | `oklch(73.72% 0.0383 176.73)` | Ninja Turtle | black, 9.1 to 1 |
| 40 | `#7da59a` | `oklch(68.86% 0.0453 177.39)` | Verdigreen | black, 7.6 to 1 |
| 41 | `#69968b` | `oklch(63.81% 0.0524 178.04)` | Lunar Tide | black, 6.3 to 1 |
| 42 | `#53887d` | `oklch(58.70% 0.0595 178.68)` | Wintergreen Dream | black, 5.2 to 1 |
| 43 | `#3e7a6f` | `oklch(53.65% 0.0664 179.31)` | Pearl Green | white, 4.9 to 1 |
| 44 | `#266d61` | `oklch(48.78% 0.0728 179.91)` | Antique Green | white, 6 to 1 |
| 45 | `#056155` | `oklch(44.23% 0.0785 180.49)` | Philodendron | white, 7.3 to 1 |
| 46 | `#00544a` | `oklch(40.11% 0.0723 181.02)` | Breathe Deeply | white, 8.8 to 1 |
| 47 | `#004a41` | `oklch(36.55% 0.0657 181.53)` | Tropical Forest | white, 10.2 to 1 |
| 48 | `#004139` | `oklch(33.68% 0.0603 181.99)` | Botanical Night | white, 11.5 to 1 |
| 49 | `#003b34` | `oklch(31.45% 0.0562 182.42)` | Night Turquoise | white, 12.6 to 1 |
| 50 | `#00352f` | `oklch(29.54% 0.0527 182.82)` | Fence Green | white, 13.5 to 1 |
| 51 | `#00302b` | `oklch(27.91% 0.0497 183.19)` | Roof Tile Green | white, 14.3 to 1 |
| 52 | `#002d28` | `oklch(26.53% 0.0471 183.55)` | Guerrilla Forest | white, 15 to 1 |
| 53 | `#002925` | `oklch(25.37% 0.0450 183.88)` | Deep Slate Green | white, 15.5 to 1 |
| 54 | `#002723` | `oklch(24.40% 0.0432 184.19)` | Teal Spill | white, 16 to 1 |
| 55 | `#002521` | `oklch(23.61% 0.0417 184.47)` | Teal Spill | white, 16.3 to 1 |
| 56 | `#00231f` | `oklch(22.97% 0.0405 184.74)` | Stellar Explorer | white, 16.6 to 1 |
| 57 | `#00211e` | `oklch(22.45% 0.0396 184.99)` | Stellar Explorer | white, 16.9 to 1 |
| 58 | `#00201d` | `oklch(22.03% 0.0388 185.23)` | Stellar Explorer | white, 17.1 to 1 |
| 59 | `#001f1c` | `oklch(21.68% 0.0381 185.44)` | Stellar Explorer | white, 17.2 to 1 |
| 60 | `#001f1c` | `oklch(21.37% 0.0375 185.64)` | Stellar Explorer | white, 17.3 to 1 |
| 61 | `#001e1b` | `oklch(21.09% 0.0370 185.83)` | Stellar Explorer | white, 17.5 to 1 |
| 62 | `#001d1a` | `oklch(20.80% 0.0365 185.99)` | Stellar Explorer | white, 17.6 to 1 |
| 63 | `#001c1a` | `oklch(20.48% 0.0359 186.15)` | Black Stallion | white, 17.7 to 1 |
| 64 | `#001b19` | `oklch(20.10% 0.0352 186.28)` | Black Stallion | white, 17.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #002119 0.0%, #00221a 1.6%, #00231a 3.2%, #00241b 4.8%, #00251b 6.3%, #00251b 7.9%, #00271c 9.5%, #00281c 11.1%, #00291d 12.7%, #002b1e 14.3%, #002d1f 15.9%, #003021 17.5%, #003323 19.0%, #003726 20.6%, #003c29 22.2%, #00422d 23.8%, #004831 25.4%, #005138 27.0%, #005c40 28.6%, #17674b 30.2%, #2f7359 31.7%, #438067 33.3%, #588d77 34.9%, #6c9b87 36.5%, #80a998 38.1%, #93b6a8 39.7%, #a5c3b7 41.3%, #b6cec4 42.9%, #c4d8d0 44.4%, #d0dfd9 46.0%, #d8e5e0 47.6%, #dde8e4 49.2%, #dde7e3 50.8%, #d8e4e0 52.4%, #d0ded9 54.0%, #c4d5d0 55.6%, #b5cbc4 57.1%, #a4bfb7 58.7%, #91b2a9 60.3%, #7da59a 61.9%, #69968b 63.5%, #53887d 65.1%, #3e7a6f 66.7%, #266d61 68.3%, #056155 69.8%, #00544a 71.4%, #004a41 73.0%, #004139 74.6%, #003b34 76.2%, #00352f 77.8%, #00302b 79.4%, #002d28 81.0%, #002925 82.5%, #002723 84.1%, #002521 85.7%, #00231f 87.3%, #00211e 88.9%, #00201d 90.5%, #001f1c 92.1%, #001f1c 93.7%, #001e1b 95.2%, #001d1a 96.8%, #001c1a 98.4%, #001b19 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.07% 0.0422 173.53) 0.0%, oklch(22.44% 0.0430 173.16) 1.6%, oklch(22.77% 0.0439 172.66) 3.2%, oklch(23.08% 0.0447 172.06) 4.8%, oklch(23.38% 0.0456 171.37) 6.3%, oklch(23.71% 0.0466 170.61) 7.9%, oklch(24.08% 0.0478 169.81) 9.5%, oklch(24.53% 0.0491 168.99) 11.1%, oklch(25.06% 0.0506 168.17) 12.7%, oklch(25.72% 0.0525 167.37) 14.3%, oklch(26.51% 0.0546 166.61) 15.9%, oklch(27.48% 0.0571 165.92) 17.5%, oklch(28.63% 0.0599 165.31) 19.0%, oklch(29.99% 0.0632 164.80) 20.6%, oklch(31.60% 0.0670 164.42) 22.2%, oklch(33.46% 0.0711 164.18) 23.8%, oklch(35.63% 0.0758 164.11) 25.4%, oklch(38.43% 0.0817 164.19) 27.0%, oklch(41.90% 0.0888 164.39) 28.6%, oklch(45.92% 0.0879 164.72) 30.2%, oklch(50.36% 0.0816 165.12) 31.7%, oklch(55.10% 0.0746 165.61) 33.3%, oklch(60.03% 0.0670 166.17) 34.9%, oklch(65.00% 0.0591 166.79) 36.5%, oklch(69.91% 0.0512 167.45) 38.1%, oklch(74.63% 0.0434 168.15) 39.7%, oklch(79.03% 0.0361 168.87) 41.3%, oklch(83.00% 0.0293 169.60) 42.9%, oklch(86.40% 0.0233 170.32) 44.4%, oklch(89.12% 0.0185 171.02) 46.0%, oklch(91.04% 0.0149 171.69) 47.6%, oklch(92.02% 0.0128 172.32) 49.2%, oklch(91.96% 0.0124 172.90) 50.8%, oklch(90.84% 0.0138 173.50) 52.4%, oklch(88.79% 0.0166 174.12) 54.0%, oklch(85.92% 0.0207 174.76) 55.6%, oklch(82.38% 0.0258 175.41) 57.1%, oklch(78.26% 0.0318 176.07) 58.7%, oklch(73.72% 0.0383 176.73) 60.3%, oklch(68.86% 0.0453 177.39) 61.9%, oklch(63.81% 0.0524 178.04) 63.5%, oklch(58.70% 0.0595 178.68) 65.1%, oklch(53.65% 0.0664 179.31) 66.7%, oklch(48.78% 0.0728 179.91) 68.3%, oklch(44.23% 0.0785 180.49) 69.8%, oklch(40.11% 0.0723 181.02) 71.4%, oklch(36.55% 0.0657 181.53) 73.0%, oklch(33.68% 0.0603 181.99) 74.6%, oklch(31.45% 0.0562 182.42) 76.2%, oklch(29.54% 0.0527 182.82) 77.8%, oklch(27.91% 0.0497 183.19) 79.4%, oklch(26.53% 0.0471 183.55) 81.0%, oklch(25.37% 0.0450 183.88) 82.5%, oklch(24.40% 0.0432 184.19) 84.1%, oklch(23.61% 0.0417 184.47) 85.7%, oklch(22.97% 0.0405 184.74) 87.3%, oklch(22.45% 0.0396 184.99) 88.9%, oklch(22.03% 0.0388 185.23) 90.5%, oklch(21.68% 0.0381 185.44) 92.1%, oklch(21.37% 0.0375 185.64) 93.7%, oklch(21.09% 0.0370 185.83) 95.2%, oklch(20.80% 0.0365 185.99) 96.8%, oklch(20.48% 0.0359 186.15) 98.4%, oklch(20.10% 0.0352 186.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.061 | 173.7 |
| 2 | 0.35 | 0.101 | 164.2 |
| 3 | 0.921 | 0.012 | 172.6 |
| 4 | 0.331 | 0.09 | 182.1 |
| 5 | 0.201 | 0.05 | 186.4 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)
- [Green gradients](https://grabient.com/green-gradients)
- [Emerald color palette](https://grabient.com/emerald-color-palette)

## Other forms

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