# Monochrome black and green radial swatches

Monochrome black and green radial swatches with 40 colors: #001c13, #001d13, #001e14, #002015, #002216, #002418, #002619, #00281a, #002a1c, #002c1d, #002f1f, #003120, #003422, #003723, #003a25, #003c27, #003f28, #004229, #00452b, #00482c, #004b2e, #004e2f, #005130, #005432, #005833, #005b35, #005f36, #006337, #006738, #006a3a, #006e3b, #00723b, #05753d, #167840, #207a43, #287d46, #2e7f48, #33814b, #38824d, #3b844e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSMzp3rba-8YoPs`
- Page: https://grabient.com/kSMzp3rba-8YoPs?style=radialSwatches&steps=40&angle=45
- Drawn as: radial swatches, 40 steps, 45 degrees
- Kinds: dark to light, vivid, dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#001c13` | `oklch(20.10% 0.0408 167.82)` | Pinch of Pepper | white, 17.8 to 1 |
| 2 | `#001d13` | `oklch(20.54% 0.0418 167.60)` | Clock Chimes Thirteen | white, 17.6 to 1 |
| 3 | `#001e14` | `oklch(21.05% 0.0430 167.33)` | Clock Chimes Thirteen | white, 17.4 to 1 |
| 4 | `#002015` | `oklch(21.62% 0.0443 167.04)` | Clock Chimes Thirteen | white, 17.2 to 1 |
| 5 | `#002216` | `oklch(22.25% 0.0458 166.71)` | Clock Chimes Thirteen | white, 16.9 to 1 |
| 6 | `#002418` | `oklch(22.93% 0.0474 166.35)` | Clock Chimes Thirteen | white, 16.6 to 1 |
| 7 | `#002619` | `oklch(23.66% 0.0491 165.96)` | Clock Chimes Thirteen | white, 16.3 to 1 |
| 8 | `#00281a` | `oklch(24.44% 0.0510 165.55)` | Deep Slate Green | white, 15.9 to 1 |
| 9 | `#002a1c` | `oklch(25.25% 0.0530 165.11)` | Nori Green | white, 15.5 to 1 |
| 10 | `#002c1d` | `oklch(26.10% 0.0551 164.66)` | Bush | white, 15.1 to 1 |
| 11 | `#002f1f` | `oklch(26.98% 0.0573 164.19)` | Bush | white, 14.7 to 1 |
| 12 | `#003120` | `oklch(27.88% 0.0597 163.71)` | Nightly Woods | white, 14.3 to 1 |
| 13 | `#003422` | `oklch(28.81% 0.0621 163.22)` | Pitch-Black Forests | white, 13.8 to 1 |
| 14 | `#003723` | `oklch(29.74% 0.0645 162.72)` | Off-Road Green | white, 13.3 to 1 |
| 15 | `#003a25` | `oklch(30.69% 0.0671 162.22)` | Off-Road Green | white, 12.9 to 1 |
| 16 | `#003c27` | `oklch(31.64% 0.0697 161.72)` | Off-Road Green | white, 12.4 to 1 |
| 17 | `#003f28` | `oklch(32.59% 0.0723 161.23)` | Angel Green | white, 12 to 1 |
| 18 | `#004229` | `oklch(33.53% 0.0750 160.73)` | Angel Green | white, 11.5 to 1 |
| 19 | `#00452b` | `oklch(34.46% 0.0777 160.25)` | Lost in the Woods | white, 11.1 to 1 |
| 20 | `#00482c` | `oklch(35.38% 0.0803 159.78)` | Alaskan Moss | white, 10.7 to 1 |
| 21 | `#004b2e` | `oklch(36.29% 0.0830 159.31)` | Troll Green | white, 10.3 to 1 |
| 22 | `#004e2f` | `oklch(37.25% 0.0859 158.83)` | Troll Green | white, 9.9 to 1 |
| 23 | `#005130` | `oklch(38.27% 0.0890 158.32)` | Card Table Green | white, 9.4 to 1 |
| 24 | `#005432` | `oklch(39.34% 0.0924 157.79)` | Permanent Green | white, 9 to 1 |
| 25 | `#005833` | `oklch(40.44% 0.0959 157.24)` | Crusoe | white, 8.6 to 1 |
| 26 | `#005b35` | `oklch(41.57% 0.0995 156.69)` | Crusoe | white, 8.2 to 1 |
| 27 | `#005f36` | `oklch(42.71% 0.1034 156.12)` | Spruce | white, 7.7 to 1 |
| 28 | `#006337` | `oklch(43.87% 0.1073 155.55)` | Ficus Elastica | white, 7.4 to 1 |
| 29 | `#006738` | `oklch(45.03% 0.1113 154.99)` | Treasured Wilderness | white, 7 to 1 |
| 30 | `#006a3a` | `oklch(46.18% 0.1155 154.43)` | Cadmium Green | white, 6.6 to 1 |
| 31 | `#006e3b` | `oklch(47.31% 0.1196 153.88)` | Dartmouth Green | white, 6.3 to 1 |
| 32 | `#00723b` | `oklch(48.41% 0.1238 153.34)` | Dartmouth Green | white, 6 to 1 |
| 33 | `#05753d` | `oklch(49.47% 0.1262 152.84)` | Succulents | white, 5.7 to 1 |
| 34 | `#167840` | `oklch(50.49% 0.1232 152.34)` | Blarney Stone | white, 5.5 to 1 |
| 35 | `#207a43` | `oklch(51.45% 0.1203 151.87)` | Woodland Soul | white, 5.3 to 1 |
| 36 | `#287d46` | `oklch(52.35% 0.1177 151.43)` | Bold Irish | white, 5.1 to 1 |
| 37 | `#2e7f48` | `oklch(53.18% 0.1153 151.03)` | Bold Irish | white, 4.9 to 1 |
| 38 | `#33814b` | `oklch(53.92% 0.1132 150.67)` | Bold Irish | white, 4.8 to 1 |
| 39 | `#38824d` | `oklch(54.57% 0.1115 150.35)` | Monster Monstera | white, 4.6 to 1 |
| 40 | `#3b844e` | `oklch(55.12% 0.1102 150.08)` | Green Grass | white, 4.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001c13 0.000% 2.500%, #001d13 2.500% 5.000%, #001e14 5.000% 7.500%, #002015 7.500% 10.000%, #002216 10.000% 12.500%, #002418 12.500% 15.000%, #002619 15.000% 17.500%, #00281a 17.500% 20.000%, #002a1c 20.000% 22.500%, #002c1d 22.500% 25.000%, #002f1f 25.000% 27.500%, #003120 27.500% 30.000%, #003422 30.000% 32.500%, #003723 32.500% 35.000%, #003a25 35.000% 37.500%, #003c27 37.500% 40.000%, #003f28 40.000% 42.500%, #004229 42.500% 45.000%, #00452b 45.000% 47.500%, #00482c 47.500% 50.000%, #004b2e 50.000% 52.500%, #004e2f 52.500% 55.000%, #005130 55.000% 57.500%, #005432 57.500% 60.000%, #005833 60.000% 62.500%, #005b35 62.500% 65.000%, #005f36 65.000% 67.500%, #006337 67.500% 70.000%, #006738 70.000% 72.500%, #006a3a 72.500% 75.000%, #006e3b 75.000% 77.500%, #00723b 77.500% 80.000%, #05753d 80.000% 82.500%, #167840 82.500% 85.000%, #207a43 85.000% 87.500%, #287d46 87.500% 90.000%, #2e7f48 90.000% 92.500%, #33814b 92.500% 95.000%, #38824d 95.000% 97.500%, #3b844e 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.10% 0.0408 167.82) 0.000% 2.500%, oklch(20.54% 0.0418 167.60) 2.500% 5.000%, oklch(21.05% 0.0430 167.33) 5.000% 7.500%, oklch(21.62% 0.0443 167.04) 7.500% 10.000%, oklch(22.25% 0.0458 166.71) 10.000% 12.500%, oklch(22.93% 0.0474 166.35) 12.500% 15.000%, oklch(23.66% 0.0491 165.96) 15.000% 17.500%, oklch(24.44% 0.0510 165.55) 17.500% 20.000%, oklch(25.25% 0.0530 165.11) 20.000% 22.500%, oklch(26.10% 0.0551 164.66) 22.500% 25.000%, oklch(26.98% 0.0573 164.19) 25.000% 27.500%, oklch(27.88% 0.0597 163.71) 27.500% 30.000%, oklch(28.81% 0.0621 163.22) 30.000% 32.500%, oklch(29.74% 0.0645 162.72) 32.500% 35.000%, oklch(30.69% 0.0671 162.22) 35.000% 37.500%, oklch(31.64% 0.0697 161.72) 37.500% 40.000%, oklch(32.59% 0.0723 161.23) 40.000% 42.500%, oklch(33.53% 0.0750 160.73) 42.500% 45.000%, oklch(34.46% 0.0777 160.25) 45.000% 47.500%, oklch(35.38% 0.0803 159.78) 47.500% 50.000%, oklch(36.29% 0.0830 159.31) 50.000% 52.500%, oklch(37.25% 0.0859 158.83) 52.500% 55.000%, oklch(38.27% 0.0890 158.32) 55.000% 57.500%, oklch(39.34% 0.0924 157.79) 57.500% 60.000%, oklch(40.44% 0.0959 157.24) 60.000% 62.500%, oklch(41.57% 0.0995 156.69) 62.500% 65.000%, oklch(42.71% 0.1034 156.12) 65.000% 67.500%, oklch(43.87% 0.1073 155.55) 67.500% 70.000%, oklch(45.03% 0.1113 154.99) 70.000% 72.500%, oklch(46.18% 0.1155 154.43) 72.500% 75.000%, oklch(47.31% 0.1196 153.88) 75.000% 77.500%, oklch(48.41% 0.1238 153.34) 77.500% 80.000%, oklch(49.47% 0.1262 152.84) 80.000% 82.500%, oklch(50.49% 0.1232 152.34) 82.500% 85.000%, oklch(51.45% 0.1203 151.87) 85.000% 87.500%, oklch(52.35% 0.1177 151.43) 87.500% 90.000%, oklch(53.18% 0.1153 151.03) 90.000% 92.500%, oklch(53.92% 0.1132 150.67) 92.500% 95.000%, oklch(54.57% 0.1115 150.35) 95.000% 97.500%, oklch(55.12% 0.1102 150.08) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.08 | 168 |
| 2 | 0.358 | 0.15 | 159.6 |
| 3 | 0.551 | 0.11 | 150.1 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Dark mode UI gradients](https://grabient.com/dark-mode-ui-gradients)

## Other forms

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