# Black, gray, brown and green linear swatches

Black, gray, brown and green linear swatches with 32 colors: #231b18, #2e2622, #3e3531, #514944, #68605b, #817a73, #9b948c, #b4ada4, #cbc3b7, #ded6c6, #ece1cd, #f5e5ca, #f9e1bd, #fcd7aa, #fdc694, #fcb07e, #f8986b, #f37f5c, #eb6752, #e25149, #dc403d, #d7382a, #d03d00, #bd5400, #ad6300, #9f6f00, #917900, #808500, #659019, #489747, #2e9b61, #169d71. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUOwod9QxE8rHuVOrlAA`
- Page: https://grabient.com/kUOwod9QxE8rHuVOrlAA?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#231b18` | `oklch(23.23% 0.0138 41.48)` | Dark Orchestra | white, 16.8 to 1 |
| 2 | `#2e2622` | `oklch(27.61% 0.0143 44.32)` | Wood Bark | white, 14.8 to 1 |
| 3 | `#3e3531` | `oklch(33.77% 0.0141 48.49)` | Bloodstone | white, 11.9 to 1 |
| 4 | `#514944` | `oklch(41.26% 0.0136 53.61)` | Tribal Drum | white, 8.7 to 1 |
| 5 | `#68605b` | `oklch(49.59% 0.0132 59.29)` | Brood | white, 6.1 to 1 |
| 6 | `#817a73` | `oklch(58.31% 0.0131 65.15)` | Bushland Grey | black, 4.9 to 1 |
| 7 | `#9b948c` | `oklch(66.95% 0.0138 70.82)` | Tabby Cat Grey | black, 6.9 to 1 |
| 8 | `#b4ada4` | `oklch(75.05% 0.0155 75.90)` | City of Bridges | black, 9.4 to 1 |
| 9 | `#cbc3b7` | `oklch(82.14% 0.0185 80.03)` | Heritage Grey | black, 12 to 1 |
| 10 | `#ded6c6` | `oklch(87.75% 0.0234 82.80)` | Earthling | black, 14.5 to 1 |
| 11 | `#ece1cd` | `oklch(91.41% 0.0303 83.85)` | Sunny Gazebo | black, 16.2 to 1 |
| 12 | `#f5e5ca` | `oklch(92.79% 0.0400 82.54)` | Marble Dust | black, 16.9 to 1 |
| 13 | `#f9e1bd` | `oklch(92.14% 0.0539 78.20)` | Manna | black, 16.5 to 1 |
| 14 | `#fcd7aa` | `oklch(89.86% 0.0709 71.53)` | Nevada Morning | black, 15.3 to 1 |
| 15 | `#fdc694` | `oklch(86.32% 0.0901 63.33)` | Dainty Apricot | black, 13.6 to 1 |
| 16 | `#fcb07e` | `oklch(81.92% 0.1104 54.38)` | Sassy Peach | black, 11.6 to 1 |
| 17 | `#f8986b` | `oklch(77.01% 0.1308 45.48)` | Autumn Arrival | black, 9.7 to 1 |
| 18 | `#f37f5c` | `oklch(71.99% 0.1503 37.41)` | Akakō Red | black, 7.9 to 1 |
| 19 | `#eb6752` | `oklch(67.23% 0.1678 30.97)` | Connect Red | black, 6.5 to 1 |
| 20 | `#e25149` | `oklch(63.10% 0.1823 26.94)` | Red Arremer | black, 5.5 to 1 |
| 21 | `#dc403d` | `oklch(59.99% 0.1928 26.12)` | Cute Crab | black, 4.8 to 1 |
| 22 | `#d7382a` | `oklch(58.21% 0.1983 29.31)` | Steelhead Redd | white, 4.6 to 1 |
| 23 | `#d03d00` | `oklch(57.30% 0.1923 36.88)` | Lava Smoothie | white, 4.8 to 1 |
| 24 | `#bd5400` | `oklch(56.96% 0.1547 48.17)` | Obscure Orange | white, 4.7 to 1 |
| 25 | `#ad6300` | `oklch(57.08% 0.1311 62.26)` | Ginger | white, 4.6 to 1 |
| 26 | `#9f6f00` | `oklch(57.56% 0.1199 78.25)` | Golden Hind | black, 4.7 to 1 |
| 27 | `#917900` | `oklch(58.28% 0.1197 95.26)` | Bhūrā Brown | black, 4.9 to 1 |
| 28 | `#808500` | `oklch(59.14% 0.1313 112.38)` | Elwynn Forest Olive | black, 5.2 to 1 |
| 29 | `#659019` | `oklch(60.03% 0.1490 128.70)` | Pont Moss | black, 5.5 to 1 |
| 30 | `#489747` | `oklch(60.85% 0.1395 143.36)` | Kryptonite Green | black, 5.8 to 1 |
| 31 | `#2e9b61` | `oklch(61.48% 0.1318 155.44)` | Green Fondant | black, 6 to 1 |
| 32 | `#169d71` | `oklch(61.81% 0.1268 164.07)` | Free Speech Aquamarine | black, 6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #231b18 0.000% 3.125%, #2e2622 3.125% 6.250%, #3e3531 6.250% 9.375%, #514944 9.375% 12.500%, #68605b 12.500% 15.625%, #817a73 15.625% 18.750%, #9b948c 18.750% 21.875%, #b4ada4 21.875% 25.000%, #cbc3b7 25.000% 28.125%, #ded6c6 28.125% 31.250%, #ece1cd 31.250% 34.375%, #f5e5ca 34.375% 37.500%, #f9e1bd 37.500% 40.625%, #fcd7aa 40.625% 43.750%, #fdc694 43.750% 46.875%, #fcb07e 46.875% 50.000%, #f8986b 50.000% 53.125%, #f37f5c 53.125% 56.250%, #eb6752 56.250% 59.375%, #e25149 59.375% 62.500%, #dc403d 62.500% 65.625%, #d7382a 65.625% 68.750%, #d03d00 68.750% 71.875%, #bd5400 71.875% 75.000%, #ad6300 75.000% 78.125%, #9f6f00 78.125% 81.250%, #917900 81.250% 84.375%, #808500 84.375% 87.500%, #659019 87.500% 90.625%, #489747 90.625% 93.750%, #2e9b61 93.750% 96.875%, #169d71 96.875% 100.000%);
background: linear-gradient(180deg, oklch(23.23% 0.0138 41.48) 0.000% 3.125%, oklch(27.61% 0.0143 44.32) 3.125% 6.250%, oklch(33.77% 0.0141 48.49) 6.250% 9.375%, oklch(41.26% 0.0136 53.61) 9.375% 12.500%, oklch(49.59% 0.0132 59.29) 12.500% 15.625%, oklch(58.31% 0.0131 65.15) 15.625% 18.750%, oklch(66.95% 0.0138 70.82) 18.750% 21.875%, oklch(75.05% 0.0155 75.90) 21.875% 25.000%, oklch(82.14% 0.0185 80.03) 25.000% 28.125%, oklch(87.75% 0.0234 82.80) 28.125% 31.250%, oklch(91.41% 0.0303 83.85) 31.250% 34.375%, oklch(92.79% 0.0400 82.54) 34.375% 37.500%, oklch(92.14% 0.0539 78.20) 37.500% 40.625%, oklch(89.86% 0.0709 71.53) 40.625% 43.750%, oklch(86.32% 0.0901 63.33) 43.750% 46.875%, oklch(81.92% 0.1104 54.38) 46.875% 50.000%, oklch(77.01% 0.1308 45.48) 50.000% 53.125%, oklch(71.99% 0.1503 37.41) 53.125% 56.250%, oklch(67.23% 0.1678 30.97) 56.250% 59.375%, oklch(63.10% 0.1823 26.94) 59.375% 62.500%, oklch(59.99% 0.1928 26.12) 62.500% 65.625%, oklch(58.21% 0.1983 29.31) 65.625% 68.750%, oklch(57.30% 0.1923 36.88) 68.750% 71.875%, oklch(56.96% 0.1547 48.17) 71.875% 75.000%, oklch(57.08% 0.1311 62.26) 75.000% 78.125%, oklch(57.56% 0.1199 78.25) 78.125% 81.250%, oklch(58.28% 0.1197 95.26) 81.250% 84.375%, oklch(59.14% 0.1313 112.38) 84.375% 87.500%, oklch(60.03% 0.1490 128.70) 87.500% 90.625%, oklch(60.85% 0.1395 143.36) 90.625% 93.750%, oklch(61.48% 0.1318 155.44) 93.750% 96.875%, oklch(61.81% 0.1268 164.07) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.014 | 41.5 |
| 2 | 0.921 | 0.033 | 83.8 |
| 3 | 0.587 | 0.197 | 27.7 |
| 4 | 0.618 | 0.127 | 164.1 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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