# Stone and forest green winter palette The Stone and forest green winter palette brings together off-white, light green, green, and dark green. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark green, and its lightest tone is off-white. - Also called: Monochrome gray and dark green angular gradient - Seed: `ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A` - Page: https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A?style=angularGradient&steps=32&angle=270 - Drawn as: angular gradient, 32 steps, 270 degrees - Kinds: dark center, muted, monochrome - Hues: analogous - Contrast of its darkest and lightest colors: 12.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 | `#e0e8d9` | `oklch(92.13% 0.0220 130.78)` | December Forest | black, 16.7 to 1 | | 2 | `#d8e2d0` | `oklch(89.92% 0.0266 131.33)` | Lime Spritz | black, 15.6 to 1 | | 3 | `#ccd9c3` | `oklch(86.86% 0.0332 132.01)` | Turning Leaf | black, 14.2 to 1 | | 4 | `#beceb3` | `oklch(83.23% 0.0406 132.91)` | Rhys | black, 12.6 to 1 | | 5 | `#afc3a4` | `oklch(79.32% 0.0476 134.12)` | Nymph Green | black, 11.1 to 1 | | 6 | `#a1b796` | `oklch(75.43% 0.0531 135.75)` | Norway | black, 9.7 to 1 | | 7 | `#92ac8a` | `oklch(71.59% 0.0564 137.98)` | Flora Green | black, 8.5 to 1 | | 8 | `#83a07e` | `oklch(67.53% 0.0587 140.87)` | Grey Green | black, 7.3 to 1 | | 9 | `#749473` | `oklch(63.34% 0.0600 144.08)` | Tabbouleh | black, 6.2 to 1 | | 10 | `#658869` | `oklch(59.10% 0.0606 147.26)` | Shale Green | black, 5.2 to 1 | | 11 | `#587c5f` | `oklch(54.91% 0.0607 150.07)` | Green Mantle | white, 4.7 to 1 | | 12 | `#4a6f54` | `oklch(50.73% 0.0602 152.24)` | Fairway | white, 5.6 to 1 | | 13 | `#3e634a` | `oklch(46.27% 0.0589 153.94)` | Serbian Green | white, 6.8 to 1 | | 14 | `#32563f` | `oklch(41.81% 0.0569 155.40)` | Green Stain | white, 8.2 to 1 | | 15 | `#274a36` | `oklch(37.66% 0.0546 156.82)` | Springbok Green | white, 9.8 to 1 | | 16 | `#1e402e` | `oklch(34.12% 0.0522 158.40)` | Mizukaze Green | white, 11.4 to 1 | | 17 | `#173929` | `oklch(31.39% 0.0497 160.43)` | Deep Fir | white, 12.6 to 1 | | 18 | `#123325` | `oklch(29.07% 0.0462 163.25)` | Intense Green | white, 13.8 to 1 | | 19 | `#0f2e22` | `oklch(27.24% 0.0424 166.33)` | Dark Jungle | white, 14.7 to 1 | | 20 | `#0e2a21` | `oklch(26.12% 0.0391 169.03)` | Deep Slate Green | white, 15.2 to 1 | | 21 | `#0e2a21` | `oklch(25.91% 0.0373 170.71)` | Deep Slate Green | white, 15.3 to 1 | | 22 | `#102c23` | `oklch(26.81% 0.0377 170.72)` | Guerrilla Forest | white, 14.9 to 1 | | 23 | `#133127` | `oklch(28.79% 0.0414 168.87)` | Intense Green | white, 13.9 to 1 | | 24 | `#173a2c` | `oklch(31.71% 0.0471 165.75)` | Palm Green | white, 12.5 to 1 | | 25 | `#1f4433` | `oklch(35.47% 0.0531 162.08)` | Sherwood Green | white, 10.8 to 1 | | 26 | `#2a513c` | `oklch(39.93% 0.0577 158.52)` | Moselle Green | white, 8.9 to 1 | | 27 | `#395f47` | `oklch(45.00% 0.0592 155.75)` | Herbes de Provence | white, 7.2 to 1 | | 28 | `#4e7259` | `oklch(51.74% 0.0571 153.45)` | Green Valley | white, 5.4 to 1 | | 29 | `#698970` | `oklch(59.82% 0.0525 151.30)` | Shale Green | black, 5.4 to 1 | | 30 | `#85a189` | `oklch(68.08% 0.0470 149.38)` | Basil | black, 7.4 to 1 | | 31 | `#9eb7a0` | `oklch(75.30% 0.0419 147.79)` | Silver Leaf | black, 9.7 to 1 | | 32 | `#afc6b0` | `oklch(80.31% 0.0386 146.63)` | Zanah | black, 11.5 to 1 | ## CSS ```css background: conic-gradient(from 270deg, #e0e8d9 0.0%, #d8e2d0 3.2%, #ccd9c3 6.5%, #beceb3 9.7%, #afc3a4 12.9%, #a1b796 16.1%, #92ac8a 19.4%, #83a07e 22.6%, #749473 25.8%, #658869 29.0%, #587c5f 32.3%, #4a6f54 35.5%, #3e634a 38.7%, #32563f 41.9%, #274a36 45.2%, #1e402e 48.4%, #173929 51.6%, #123325 54.8%, #0f2e22 58.1%, #0e2a21 61.3%, #0e2a21 64.5%, #102c23 67.7%, #133127 71.0%, #173a2c 74.2%, #1f4433 77.4%, #2a513c 80.6%, #395f47 83.9%, #4e7259 87.1%, #698970 90.3%, #85a189 93.5%, #9eb7a0 96.8%, #afc6b0 100.0%); background: conic-gradient(from 270deg in oklch, oklch(92.13% 0.0220 130.78) 0.0%, oklch(89.92% 0.0266 131.33) 3.2%, oklch(86.86% 0.0332 132.01) 6.5%, oklch(83.23% 0.0406 132.91) 9.7%, oklch(79.32% 0.0476 134.12) 12.9%, oklch(75.43% 0.0531 135.75) 16.1%, oklch(71.59% 0.0564 137.98) 19.4%, oklch(67.53% 0.0587 140.87) 22.6%, oklch(63.34% 0.0600 144.08) 25.8%, oklch(59.10% 0.0606 147.26) 29.0%, oklch(54.91% 0.0607 150.07) 32.3%, oklch(50.73% 0.0602 152.24) 35.5%, oklch(46.27% 0.0589 153.94) 38.7%, oklch(41.81% 0.0569 155.40) 41.9%, oklch(37.66% 0.0546 156.82) 45.2%, oklch(34.12% 0.0522 158.40) 48.4%, oklch(31.39% 0.0497 160.43) 51.6%, oklch(29.07% 0.0462 163.25) 54.8%, oklch(27.24% 0.0424 166.33) 58.1%, oklch(26.12% 0.0391 169.03) 61.3%, oklch(25.91% 0.0373 170.71) 64.5%, oklch(26.81% 0.0377 170.72) 67.7%, oklch(28.79% 0.0414 168.87) 71.0%, oklch(31.71% 0.0471 165.75) 74.2%, oklch(35.47% 0.0531 162.08) 77.4%, oklch(39.93% 0.0577 158.52) 80.6%, oklch(45.00% 0.0592 155.75) 83.9%, oklch(51.74% 0.0571 153.45) 87.1%, oklch(59.82% 0.0525 151.30) 90.3%, oklch(68.08% 0.0470 149.38) 93.5%, oklch(75.30% 0.0419 147.79) 96.8%, oklch(80.31% 0.0386 146.63) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.921 | 0.022 | 130.8 | | 2 | 0.748 | 0.054 | 136.1 | | 3 | 0.535 | 0.061 | 150.9 | | 4 | 0.327 | 0.051 | 159.3 | | 5 | 0.264 | 0.037 | 170.9 | | 6 | 0.441 | 0.059 | 156.1 | | 7 | 0.803 | 0.039 | 146.6 | ## In these collections - [Winter](https://grabient.com/winter) ## Other forms - [JSON](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.json?style=angularGradient&steps=32&angle=270) - [PNG](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.png?style=angularGradient&steps=32&angle=270) - [SVG](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.svg?style=angularGradient&steps=32&angle=270) - [CSS](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.css?style=angularGradient&steps=32&angle=270) - [ASE](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.ase?style=angularGradient&steps=32&angle=270) - [GPL](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.gpl?style=angularGradient&steps=32&angle=270) - [GRD](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.grd?style=angularGradient&steps=32&angle=270) - [Design tokens](https://grabient.com/ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A.tokens.json?style=angularGradient&steps=32&angle=270) - [Social card](https://grabient.com/api/og?seed=ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A&style=angularGradient&steps=32&angle=270) - [Palettes like this one](https://grabient.com/palettes?q=ka6hBdXxPAkQWQapksDoY3BTgVvjmDj7A) - [Guide for agents](https://grabient.com/llms.txt)