# Slate green and pumpkin porch light

Blue charcoal shifts through weathered green, olive, warm brown, pumpkin orange, and straw gold in a smooth diagonal gradient. The cool dark end recalls painted exterior wood beside warm seasonal decorations. This palette suits fall entryway mood boards, wreath packaging, autumn invitations, and porch-inspired graphics balancing shaded architecture with sunlit gourds and woven accents.

- Also called: Navy, gray, orange and tan linear gradient
- Seed: `kUSROny5cy8u0NhmKsTg`
- Page: https://grabient.com/kUSROny5cy8u0NhmKsTg?steps=80&angle=30
- Drawn as: linear gradient, 80 steps, 30 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#1e2d36` | `oklch(28.74% 0.0262 235.55)` | Freinacht Black | white, 14.1 to 1 |
| 2 | `#1f2f38` | `oklch(29.39% 0.0269 233.29)` | Freinacht Black | white, 13.8 to 1 |
| 3 | `#20313a` | `oklch(30.16% 0.0277 230.69)` | Elderberry Black | white, 13.4 to 1 |
| 4 | `#21333c` | `oklch(31.04% 0.0285 227.79)` | Elderberry Black | white, 13 to 1 |
| 5 | `#22363e` | `oklch(32.03% 0.0294 224.60)` | Petrol Slumber | white, 12.5 to 1 |
| 6 | `#243941` | `oklch(33.11% 0.0303 221.14)` | Astral Nomad | white, 12 to 1 |
| 7 | `#253d43` | `oklch(34.27% 0.0313 217.44)` | Cool Current | white, 11.5 to 1 |
| 8 | `#274046` | `oklch(35.50% 0.0323 213.52)` | Bay Isle Pointe | white, 10.9 to 1 |
| 9 | `#2a4449` | `oklch(36.80% 0.0334 209.40)` | Mysterious Waters | white, 10.3 to 1 |
| 10 | `#2c484c` | `oklch(38.14% 0.0345 205.11)` | Ponderosa Pine | white, 9.8 to 1 |
| 11 | `#2f4c4e` | `oklch(39.53% 0.0357 200.66)` | Tree Bark Green | white, 9.2 to 1 |
| 12 | `#315151` | `oklch(40.95% 0.0369 196.08)` | Blue Dianne | white, 8.6 to 1 |
| 13 | `#355553` | `oklch(42.40% 0.0382 191.39)` | Bistro Green | white, 8.1 to 1 |
| 14 | `#385956` | `oklch(43.85% 0.0396 186.62)` | Crystal Ball | white, 7.6 to 1 |
| 15 | `#3c5e58` | `oklch(45.31% 0.0410 181.78)` | Emerson | white, 7.1 to 1 |
| 16 | `#40625a` | `oklch(46.76% 0.0424 176.90)` | Forest Greenery | white, 6.7 to 1 |
| 17 | `#44665b` | `oklch(48.19% 0.0440 172.00)` | Earhart Emerald | white, 6.3 to 1 |
| 18 | `#486b5d` | `oklch(49.59% 0.0455 167.10)` | Smoke Pine | white, 5.9 to 1 |
| 19 | `#4d6f5e` | `oklch(50.95% 0.0472 162.23)` | Cormorant | white, 5.6 to 1 |
| 20 | `#52735f` | `oklch(52.26% 0.0489 157.41)` | Painted Turtle | white, 5.3 to 1 |
| 21 | `#57765f` | `oklch(53.52% 0.0507 152.66)` | Painted Turtle | white, 5 to 1 |
| 22 | `#5c7960` | `oklch(54.70% 0.0525 148.00)` | Swanndri | white, 4.7 to 1 |
| 23 | `#617d60` | `oklch(55.81% 0.0544 143.46)` | Korean Mint | black, 4.5 to 1 |
| 24 | `#667f5f` | `oklch(56.83% 0.0564 139.05)` | Emerald City | black, 4.7 to 1 |
| 25 | `#6b825f` | `oklch(57.75% 0.0584 134.80)` | Tuscan Herbs | black, 4.9 to 1 |
| 26 | `#70845e` | `oklch(58.56% 0.0605 130.74)` | Equatorial Forest | black, 5.1 to 1 |
| 27 | `#74855c` | `oklch(59.25% 0.0626 126.88)` | Equatorial Forest | black, 5.2 to 1 |
| 28 | `#78865b` | `oklch(59.81% 0.0649 123.17)` | Green Relict | black, 5.3 to 1 |
| 29 | `#7c8759` | `oklch(60.26% 0.0675 119.39)` | Tuscany Hillside | black, 5.4 to 1 |
| 30 | `#808756` | `oklch(60.61% 0.0702 115.53)` | Iguana | black, 5.5 to 1 |
| 31 | `#848753` | `oklch(60.86% 0.0732 111.61)` | Iguana | black, 5.5 to 1 |
| 32 | `#88874f` | `oklch(61.02% 0.0764 107.64)` | Snap Pea Green | black, 5.6 to 1 |
| 33 | `#8c864b` | `oklch(61.10% 0.0797 103.64)` | Frog’s Legs | black, 5.6 to 1 |
| 34 | `#8f8547` | `oklch(61.12% 0.0831 99.63)` | Frog’s Legs | black, 5.6 to 1 |
| 35 | `#938343` | `oklch(61.07% 0.0867 95.63)` | Lucky Bamboo | black, 5.5 to 1 |
| 36 | `#97813e` | `oklch(60.97% 0.0904 91.64)` | Wild Olive | black, 5.5 to 1 |
| 37 | `#9a7f3a` | `oklch(60.82% 0.0941 87.69)` | Metallic Sunburst | black, 5.4 to 1 |
| 38 | `#9e7d36` | `oklch(60.63% 0.0979 83.80)` | Metallic Sunburst | black, 5.4 to 1 |
| 39 | `#a17a31` | `oklch(60.42% 0.1017 79.97)` | Arlington Bronze | black, 5.3 to 1 |
| 40 | `#a4772e` | `oklch(60.19% 0.1054 76.23)` | Natural Evolution | black, 5.2 to 1 |
| 41 | `#a7742a` | `oklch(59.94% 0.1092 72.59)` | Hot Toddy | black, 5.2 to 1 |
| 42 | `#aa7127` | `oklch(59.69% 0.1129 69.06)` | Buckthorn Brown | black, 5.1 to 1 |
| 43 | `#ad6f25` | `oklch(59.45% 0.1165 65.67)` | Inca Gold | black, 5 to 1 |
| 44 | `#b06c24` | `oklch(59.22% 0.1199 62.43)` | Pumpkin Spice | black, 4.9 to 1 |
| 45 | `#b26923` | `oklch(59.02% 0.1233 59.36)` | Pumpkin Spice | black, 4.9 to 1 |
| 46 | `#b46623` | `oklch(58.85% 0.1265 56.47)` | Dirty Brown | black, 4.8 to 1 |
| 47 | `#b66424` | `oklch(58.71% 0.1295 53.79)` | Polished Copper | black, 4.8 to 1 |
| 48 | `#b86225` | `oklch(58.62% 0.1324 51.31)` | Polished Copper | black, 4.7 to 1 |
| 49 | `#ba6027` | `oklch(58.59% 0.1350 49.07)` | Hell’s Bells | black, 4.7 to 1 |
| 50 | `#bc5e29` | `oklch(58.63% 0.1373 47.08)` | Smoke Tree | black, 4.7 to 1 |
| 51 | `#be5d2b` | `oklch(58.74% 0.1394 45.35)` | Smoke Tree | black, 4.7 to 1 |
| 52 | `#c05c2d` | `oklch(58.93% 0.1411 43.90)` | Smoke Tree | black, 4.8 to 1 |
| 53 | `#c25c2f` | `oklch(59.21% 0.1425 42.75)` | Cinnamon Rufous | black, 4.8 to 1 |
| 54 | `#c45d32` | `oklch(59.59% 0.1436 41.92)` | Civara | black, 4.9 to 1 |
| 55 | `#c65e33` | `oklch(60.05% 0.1444 41.48)` | Civara | black, 5 to 1 |
| 56 | `#c85f35` | `oklch(60.60% 0.1448 41.43)` | Ecstasy | black, 5.1 to 1 |
| 57 | `#ca6136` | `oklch(61.23% 0.1449 41.74)` | Ecstasy | black, 5.2 to 1 |
| 58 | `#cc6437` | `oklch(61.92% 0.1448 42.37)` | Winter Sunset | black, 5.4 to 1 |
| 59 | `#ce6638` | `oklch(62.67% 0.1444 43.32)` | Casa de Oro | black, 5.5 to 1 |
| 60 | `#d06a39` | `oklch(63.48% 0.1438 44.53)` | Casa de Oro | black, 5.7 to 1 |
| 61 | `#d26d39` | `oklch(64.33% 0.1430 46.00)` | Gold Drop | black, 5.9 to 1 |
| 62 | `#d4713a` | `oklch(65.22% 0.1420 47.69)` | Tango | black, 6.2 to 1 |
| 63 | `#d6753a` | `oklch(66.15% 0.1408 49.57)` | Jaffa Orange | black, 6.4 to 1 |
| 64 | `#d77a3b` | `oklch(67.10% 0.1395 51.62)` | Jaffa Orange | black, 6.7 to 1 |
| 65 | `#d97e3c` | `oklch(68.07% 0.1381 53.80)` | Sweet Potato | black, 7 to 1 |
| 66 | `#da833d` | `oklch(69.06% 0.1365 56.10)` | Mexican Spirit | black, 7.2 to 1 |
| 67 | `#dc873e` | `oklch(70.05% 0.1349 58.48)` | Touch of Glamour | black, 7.5 to 1 |
| 68 | `#dd8c40` | `oklch(71.04% 0.1333 60.92)` | Texas Longhorn | black, 7.9 to 1 |
| 69 | `#de9142` | `oklch(72.02% 0.1316 63.38)` | Orange Drop | black, 8.2 to 1 |
| 70 | `#df9645` | `oklch(72.98% 0.1299 65.84)` | Angel Shark | black, 8.5 to 1 |
| 71 | `#df9a47` | `oklch(73.93% 0.1282 68.28)` | Aged Gouda | black, 8.8 to 1 |
| 72 | `#e09f4a` | `oklch(74.84% 0.1266 70.66)` | Kikuchiba Gold | black, 9.1 to 1 |
| 73 | `#e0a34d` | `oklch(75.72% 0.1250 72.96)` | Golden Tiger | black, 9.5 to 1 |
| 74 | `#e0a750` | `oklch(76.56% 0.1234 75.15)` | Brass Mesh | black, 9.8 to 1 |
| 75 | `#e1ab53` | `oklch(77.35% 0.1220 77.20)` | Rip Cord | black, 10.1 to 1 |
| 76 | `#e1ae56` | `oklch(78.08% 0.1207 79.09)` | Lemon Poppy | black, 10.3 to 1 |
| 77 | `#e1b159` | `oklch(78.75% 0.1195 80.78)` | Cookie Crust | black, 10.6 to 1 |
| 78 | `#e1b45c` | `oklch(79.35% 0.1185 82.26)` | Birch Strain | black, 10.9 to 1 |
| 79 | `#e2b65e` | `oklch(79.87% 0.1177 83.48)` | River of Gold | black, 11.1 to 1 |
| 80 | `#e2b860` | `oklch(80.31% 0.1171 84.43)` | River of Gold | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(30deg, #1e2d36 0.0%, #1f2f38 1.3%, #20313a 2.5%, #21333c 3.8%, #22363e 5.1%, #243941 6.3%, #253d43 7.6%, #274046 8.9%, #2a4449 10.1%, #2c484c 11.4%, #2f4c4e 12.7%, #315151 13.9%, #355553 15.2%, #385956 16.5%, #3c5e58 17.7%, #40625a 19.0%, #44665b 20.3%, #486b5d 21.5%, #4d6f5e 22.8%, #52735f 24.1%, #57765f 25.3%, #5c7960 26.6%, #617d60 27.8%, #667f5f 29.1%, #6b825f 30.4%, #70845e 31.6%, #74855c 32.9%, #78865b 34.2%, #7c8759 35.4%, #808756 36.7%, #848753 38.0%, #88874f 39.2%, #8c864b 40.5%, #8f8547 41.8%, #938343 43.0%, #97813e 44.3%, #9a7f3a 45.6%, #9e7d36 46.8%, #a17a31 48.1%, #a4772e 49.4%, #a7742a 50.6%, #aa7127 51.9%, #ad6f25 53.2%, #b06c24 54.4%, #b26923 55.7%, #b46623 57.0%, #b66424 58.2%, #b86225 59.5%, #ba6027 60.8%, #bc5e29 62.0%, #be5d2b 63.3%, #c05c2d 64.6%, #c25c2f 65.8%, #c45d32 67.1%, #c65e33 68.4%, #c85f35 69.6%, #ca6136 70.9%, #cc6437 72.2%, #ce6638 73.4%, #d06a39 74.7%, #d26d39 75.9%, #d4713a 77.2%, #d6753a 78.5%, #d77a3b 79.7%, #d97e3c 81.0%, #da833d 82.3%, #dc873e 83.5%, #dd8c40 84.8%, #de9142 86.1%, #df9645 87.3%, #df9a47 88.6%, #e09f4a 89.9%, #e0a34d 91.1%, #e0a750 92.4%, #e1ab53 93.7%, #e1ae56 94.9%, #e1b159 96.2%, #e1b45c 97.5%, #e2b65e 98.7%, #e2b860 100.0%);
background: linear-gradient(30deg in oklch, oklch(28.74% 0.0262 235.55) 0.0%, oklch(29.39% 0.0269 233.29) 1.3%, oklch(30.16% 0.0277 230.69) 2.5%, oklch(31.04% 0.0285 227.79) 3.8%, oklch(32.03% 0.0294 224.60) 5.1%, oklch(33.11% 0.0303 221.14) 6.3%, oklch(34.27% 0.0313 217.44) 7.6%, oklch(35.50% 0.0323 213.52) 8.9%, oklch(36.80% 0.0334 209.40) 10.1%, oklch(38.14% 0.0345 205.11) 11.4%, oklch(39.53% 0.0357 200.66) 12.7%, oklch(40.95% 0.0369 196.08) 13.9%, oklch(42.40% 0.0382 191.39) 15.2%, oklch(43.85% 0.0396 186.62) 16.5%, oklch(45.31% 0.0410 181.78) 17.7%, oklch(46.76% 0.0424 176.90) 19.0%, oklch(48.19% 0.0440 172.00) 20.3%, oklch(49.59% 0.0455 167.10) 21.5%, oklch(50.95% 0.0472 162.23) 22.8%, oklch(52.26% 0.0489 157.41) 24.1%, oklch(53.52% 0.0507 152.66) 25.3%, oklch(54.70% 0.0525 148.00) 26.6%, oklch(55.81% 0.0544 143.46) 27.8%, oklch(56.83% 0.0564 139.05) 29.1%, oklch(57.75% 0.0584 134.80) 30.4%, oklch(58.56% 0.0605 130.74) 31.6%, oklch(59.25% 0.0626 126.88) 32.9%, oklch(59.81% 0.0649 123.17) 34.2%, oklch(60.26% 0.0675 119.39) 35.4%, oklch(60.61% 0.0702 115.53) 36.7%, oklch(60.86% 0.0732 111.61) 38.0%, oklch(61.02% 0.0764 107.64) 39.2%, oklch(61.10% 0.0797 103.64) 40.5%, oklch(61.12% 0.0831 99.63) 41.8%, oklch(61.07% 0.0867 95.63) 43.0%, oklch(60.97% 0.0904 91.64) 44.3%, oklch(60.82% 0.0941 87.69) 45.6%, oklch(60.63% 0.0979 83.80) 46.8%, oklch(60.42% 0.1017 79.97) 48.1%, oklch(60.19% 0.1054 76.23) 49.4%, oklch(59.94% 0.1092 72.59) 50.6%, oklch(59.69% 0.1129 69.06) 51.9%, oklch(59.45% 0.1165 65.67) 53.2%, oklch(59.22% 0.1199 62.43) 54.4%, oklch(59.02% 0.1233 59.36) 55.7%, oklch(58.85% 0.1265 56.47) 57.0%, oklch(58.71% 0.1295 53.79) 58.2%, oklch(58.62% 0.1324 51.31) 59.5%, oklch(58.59% 0.1350 49.07) 60.8%, oklch(58.63% 0.1373 47.08) 62.0%, oklch(58.74% 0.1394 45.35) 63.3%, oklch(58.93% 0.1411 43.90) 64.6%, oklch(59.21% 0.1425 42.75) 65.8%, oklch(59.59% 0.1436 41.92) 67.1%, oklch(60.05% 0.1444 41.48) 68.4%, oklch(60.60% 0.1448 41.43) 69.6%, oklch(61.23% 0.1449 41.74) 70.9%, oklch(61.92% 0.1448 42.37) 72.2%, oklch(62.67% 0.1444 43.32) 73.4%, oklch(63.48% 0.1438 44.53) 74.7%, oklch(64.33% 0.1430 46.00) 75.9%, oklch(65.22% 0.1420 47.69) 77.2%, oklch(66.15% 0.1408 49.57) 78.5%, oklch(67.10% 0.1395 51.62) 79.7%, oklch(68.07% 0.1381 53.80) 81.0%, oklch(69.06% 0.1365 56.10) 82.3%, oklch(70.05% 0.1349 58.48) 83.5%, oklch(71.04% 0.1333 60.92) 84.8%, oklch(72.02% 0.1316 63.38) 86.1%, oklch(72.98% 0.1299 65.84) 87.3%, oklch(73.93% 0.1282 68.28) 88.6%, oklch(74.84% 0.1266 70.66) 89.9%, oklch(75.72% 0.1250 72.96) 91.1%, oklch(76.56% 0.1234 75.15) 92.4%, oklch(77.35% 0.1220 77.20) 93.7%, oklch(78.08% 0.1207 79.09) 94.9%, oklch(78.75% 0.1195 80.78) 96.2%, oklch(79.35% 0.1185 82.26) 97.5%, oklch(79.87% 0.1177 83.48) 98.7%, oklch(80.31% 0.1171 84.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.026 | 235.5 |
| 2 | 0.594 | 0.063 | 125.6 |
| 3 | 0.594 | 0.143 | 42.2 |
| 4 | 0.803 | 0.117 | 84.4 |

## In these collections

- [Fall porch colors](https://grabient.com/fall-porch-colors)

## Other forms

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