# Color Palette: Tan and forest green The "Color Palette: Tan and forest green" palette brings together yellow, green, teal, and dark teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark teal, and its lightest tone is yellow. - Also called: Analogous gray, green, teal and navy linear gradient - Seed: `kUsihCRx9FLWZxSlEMRA` - Page: https://grabient.com/kUsihCRx9FLWZxSlEMRA?steps=32&angle=180 - Drawn as: linear gradient, 32 steps, 180 degrees - Kinds: light to dark, vivid, multicolor - Hues: wide - Contrast of its darkest and lightest colors: 5.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 | `#aa9e78` | `oklch(70.08% 0.0551 92.81)` | Hillary | black, 7.8 to 1 | | 2 | `#a79c74` | `oklch(69.26% 0.0570 95.36)` | Fresh Olive | black, 7.6 to 1 | | 3 | `#a29a6f` | `oklch(68.22% 0.0598 98.61)` | Stilted Stalks | black, 7.3 to 1 | | 4 | `#9c976a` | `oklch(66.99% 0.0631 102.45)` | Hiking | black, 7 to 1 | | 5 | `#959464` | `oklch(65.60% 0.0667 106.77)` | Rhind Papyrus | black, 6.7 to 1 | | 6 | `#8e915e` | `oklch(64.11% 0.0706 111.43)` | Nick’s Nook | black, 6.3 to 1 | | 7 | `#858e59` | `oklch(62.54% 0.0744 116.32)` | Crocodile Smile | black, 5.9 to 1 | | 8 | `#7c8a55` | `oklch(60.95% 0.0780 121.31)` | Scarabœus Nobilis | black, 5.6 to 1 | | 9 | `#728751` | `oklch(59.36% 0.0811 126.30)` | Snip of Parsley | black, 5.3 to 1 | | 10 | `#68844f` | `oklch(57.82% 0.0835 131.15)` | Happy Camper | black, 5 to 1 | | 11 | `#5f814e` | `oklch(56.36% 0.0851 135.74)` | Glade Green | black, 4.7 to 1 | | 12 | `#567e4d` | `oklch(55.00% 0.0858 140.07)` | Rambling Green | white, 4.6 to 1 | | 13 | `#4d7b4d` | `oklch(53.65% 0.0857 144.44)` | Melbourne | white, 4.9 to 1 | | 14 | `#45774e` | `oklch(52.30% 0.0850 148.83)` | Killarney | white, 5.2 to 1 | | 15 | `#3c744f` | `oklch(50.95% 0.0838 153.25)` | Grasslands | white, 5.5 to 1 | | 16 | `#347050` | `oklch(49.61% 0.0822 157.65)` | Parsley Sprig | white, 5.8 to 1 | | 17 | `#2d6c50` | `oklch(48.27% 0.0803 162.04)` | Chopped Chive | white, 6.1 to 1 | | 18 | `#266951` | `oklch(46.94% 0.0782 166.38)` | Celtic Green | white, 6.5 to 1 | | 19 | `#1f6551` | `oklch(45.62% 0.0760 170.65)` | Embracing | white, 6.9 to 1 | | 20 | `#196051` | `oklch(44.30% 0.0738 174.84)` | Teal Drama | white, 7.3 to 1 | | 21 | `#135c50` | `oklch(42.99% 0.0716 178.92)` | Country Meadow | white, 7.8 to 1 | | 22 | `#0e5850` | `oklch(41.69% 0.0696 182.90)` | Baltic Prince | white, 8.2 to 1 | | 23 | `#09544f` | `oklch(40.32% 0.0674 186.98)` | Cape Verde | white, 8.7 to 1 | | 24 | `#06504d` | `oklch(38.88% 0.0648 191.16)` | Action Green | white, 9.3 to 1 | | 25 | `#044b4b` | `oklch(37.42% 0.0621 195.36)` | Deep Into the Jungle | white, 9.9 to 1 | | 26 | `#044649` | `oklch(35.96% 0.0593 199.50)` | Incubi Darkness | white, 10.5 to 1 | | 27 | `#054247` | `oklch(34.54% 0.0565 203.50)` | Warm Black | white, 11.2 to 1 | | 28 | `#063d44` | `oklch(33.18% 0.0537 207.28)` | Ghostlands Coal | white, 11.8 to 1 | | 29 | `#083941` | `oklch(31.93% 0.0511 210.75)` | Natural Indigo | white, 12.4 to 1 | | 30 | `#09363f` | `oklch(30.82% 0.0489 213.85)` | Natural Indigo | white, 13 to 1 | | 31 | `#0a333d` | `oklch(29.87% 0.0469 216.48)` | Artist Blue | white, 13.5 to 1 | | 32 | `#0a313b` | `oklch(29.13% 0.0455 218.57)` | Artist Blue | white, 13.8 to 1 | ## CSS ```css background: linear-gradient(180deg, #aa9e78 0.0%, #a79c74 3.2%, #a29a6f 6.5%, #9c976a 9.7%, #959464 12.9%, #8e915e 16.1%, #858e59 19.4%, #7c8a55 22.6%, #728751 25.8%, #68844f 29.0%, #5f814e 32.3%, #567e4d 35.5%, #4d7b4d 38.7%, #45774e 41.9%, #3c744f 45.2%, #347050 48.4%, #2d6c50 51.6%, #266951 54.8%, #1f6551 58.1%, #196051 61.3%, #135c50 64.5%, #0e5850 67.7%, #09544f 71.0%, #06504d 74.2%, #044b4b 77.4%, #044649 80.6%, #054247 83.9%, #063d44 87.1%, #083941 90.3%, #09363f 93.5%, #0a333d 96.8%, #0a313b 100.0%); background: linear-gradient(180deg in oklch, oklch(70.08% 0.0551 92.81) 0.0%, oklch(69.26% 0.0570 95.36) 3.2%, oklch(68.22% 0.0598 98.61) 6.5%, oklch(66.99% 0.0631 102.45) 9.7%, oklch(65.60% 0.0667 106.77) 12.9%, oklch(64.11% 0.0706 111.43) 16.1%, oklch(62.54% 0.0744 116.32) 19.4%, oklch(60.95% 0.0780 121.31) 22.6%, oklch(59.36% 0.0811 126.30) 25.8%, oklch(57.82% 0.0835 131.15) 29.0%, oklch(56.36% 0.0851 135.74) 32.3%, oklch(55.00% 0.0858 140.07) 35.5%, oklch(53.65% 0.0857 144.44) 38.7%, oklch(52.30% 0.0850 148.83) 41.9%, oklch(50.95% 0.0838 153.25) 45.2%, oklch(49.61% 0.0822 157.65) 48.4%, oklch(48.27% 0.0803 162.04) 51.6%, oklch(46.94% 0.0782 166.38) 54.8%, oklch(45.62% 0.0760 170.65) 58.1%, oklch(44.30% 0.0738 174.84) 61.3%, oklch(42.99% 0.0716 178.92) 64.5%, oklch(41.69% 0.0696 182.90) 67.7%, oklch(40.32% 0.0674 186.98) 71.0%, oklch(38.88% 0.0648 191.16) 74.2%, oklch(37.42% 0.0621 195.36) 77.4%, oklch(35.96% 0.0593 199.50) 80.6%, oklch(34.54% 0.0565 203.50) 83.9%, oklch(33.18% 0.0537 207.28) 87.1%, oklch(31.93% 0.0511 210.75) 90.3%, oklch(30.82% 0.0489 213.85) 93.5%, oklch(29.87% 0.0469 216.48) 96.8%, oklch(29.13% 0.0455 218.57) 100.0%); ``` ## Keyframes 4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.701 | 0.055 | 92.8 | | 2 | 0.559 | 0.085 | 137.2 | | 3 | 0.421 | 0.07 | 181.6 | | 4 | 0.291 | 0.045 | 218.6 | ## In these collections - [Weathered garden gradients](https://grabient.com/weathered-garden-gradients) - [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients) - [Muted gradients](https://grabient.com/muted-gradients) ## Other forms - [JSON](https://grabient.com/kUsihCRx9FLWZxSlEMRA.json?steps=32&angle=180) - [PNG](https://grabient.com/kUsihCRx9FLWZxSlEMRA.png?steps=32&angle=180) - [SVG](https://grabient.com/kUsihCRx9FLWZxSlEMRA.svg?steps=32&angle=180) - [CSS](https://grabient.com/kUsihCRx9FLWZxSlEMRA.css?steps=32&angle=180) - [ASE](https://grabient.com/kUsihCRx9FLWZxSlEMRA.ase?steps=32&angle=180) - [GPL](https://grabient.com/kUsihCRx9FLWZxSlEMRA.gpl?steps=32&angle=180) - [GRD](https://grabient.com/kUsihCRx9FLWZxSlEMRA.grd?steps=32&angle=180) - [Design tokens](https://grabient.com/kUsihCRx9FLWZxSlEMRA.tokens.json?steps=32&angle=180) - [Social card](https://grabient.com/api/og?seed=kUsihCRx9FLWZxSlEMRA&steps=32&angle=180) - [Palettes like this one](https://grabient.com/palettes?q=kUsihCRx9FLWZxSlEMRA) - [Guide for agents](https://grabient.com/llms.txt)