# Terracotta, ochre and sage forest palette The Terracotta, ochre and sage forest palette brings together orange, yellow, and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its lightest and darkest tones both fall within the orange color family. - Also called: Analogous brown to olive linear gradient - Seed: `kWjDskPxlAb2VQ3DF8OxhvBo` - Page: https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: even lightness - Hues: analogous - Contrast of its darkest and lightest colors: 1.3 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 | `#986445` | `oklch(55.12% 0.0813 50.63)` | Natural Cork | white, 4.9 to 1 | | 2 | `#966244` | `oklch(54.65% 0.0803 50.78)` | Natural Cork | white, 5 to 1 | | 3 | `#936143` | `oklch(53.98% 0.0789 50.79)` | Cinnamon Spice | white, 5.2 to 1 | | 4 | `#905f42` | `oklch(53.19% 0.0773 50.79)` | Cinnamon Spice | white, 5.3 to 1 | | 5 | `#8d5d41` | `oklch(52.33% 0.0756 50.92)` | Western Pursuit | white, 5.5 to 1 | | 6 | `#895b3f` | `oklch(51.47% 0.0737 51.31)` | Brushwood | white, 5.7 to 1 | | 7 | `#86593e` | `oklch(50.67% 0.0718 52.10)` | Hope Chest | white, 5.9 to 1 | | 8 | `#83583c` | `oklch(49.99% 0.0701 53.42)` | Chocolate Stain | white, 6.1 to 1 | | 9 | `#80573b` | `oklch(49.50% 0.0685 55.42)` | Football | white, 6.2 to 1 | | 10 | `#7d5739` | `oklch(49.11% 0.0668 58.16)` | Château Mantle | white, 6.3 to 1 | | 11 | `#7b5738` | `oklch(48.78% 0.0651 61.52)` | Über Umber | white, 6.4 to 1 | | 12 | `#785837` | `oklch(48.52% 0.0633 65.36)` | Cold Brew Coffee | white, 6.4 to 1 | | 13 | `#755837` | `oklch(48.34% 0.0616 69.52)` | Shingle Fawn | white, 6.5 to 1 | | 14 | `#735937` | `oklch(48.25% 0.0601 73.85)` | Shingle Fawn | white, 6.5 to 1 | | 15 | `#715a37` | `oklch(48.24% 0.0589 78.20)` | Bali Batik | white, 6.5 to 1 | | 16 | `#6f5c37` | `oklch(48.34% 0.0581 82.42)` | Uniform Brown | white, 6.4 to 1 | | 17 | `#6e5d38` | `oklch(48.55% 0.0578 86.46)` | Uniform Brown | white, 6.3 to 1 | | 18 | `#6d5f39` | `oklch(48.95% 0.0580 90.70)` | Rationality | white, 6.2 to 1 | | 19 | `#6c623a` | `oklch(49.48% 0.0586 95.11)` | Rationality | white, 6.1 to 1 | | 20 | `#6c643c` | `oklch(50.12% 0.0595 99.56)` | Ocean Weed | white, 5.9 to 1 | | 21 | `#6b673d` | `oklch(50.80% 0.0607 103.94)` | Mayfly | white, 5.7 to 1 | | 22 | `#6b6a3f` | `oklch(51.48% 0.0619 108.11)` | Fossil Green | white, 5.5 to 1 | | 23 | `#6a6d41` | `oklch(52.11% 0.0632 111.97)` | Gulf Weed | white, 5.4 to 1 | | 24 | `#696f43` | `oklch(52.64% 0.0645 115.38)` | Gulf Weed | white, 5.2 to 1 | | 25 | `#687145` | `oklch(53.07% 0.0657 118.31)` | Oakmoss | white, 5.1 to 1 | | 26 | `#677346` | `oklch(53.47% 0.0672 120.92)` | Dill Pickle | white, 5 to 1 | | 27 | `#667547` | `oklch(53.84% 0.0688 123.24)` | Dill Pickle | white, 4.9 to 1 | | 28 | `#657748` | `oklch(54.17% 0.0705 125.29)` | Ghoul | white, 4.9 to 1 | | 29 | `#657849` | `oklch(54.47% 0.0721 127.06)` | Mown Grass | white, 4.8 to 1 | | 30 | `#64794a` | `oklch(54.72% 0.0736 128.59)` | Mown Grass | white, 4.7 to 1 | | 31 | `#637a4b` | `oklch(54.94% 0.0749 129.88)` | Mown Grass | white, 4.7 to 1 | | 32 | `#627b4c` | `oklch(55.12% 0.0758 130.94)` | Mown Grass | white, 4.7 to 1 | ## CSS ```css background: linear-gradient(90deg, #986445 0.0%, #966244 3.2%, #936143 6.5%, #905f42 9.7%, #8d5d41 12.9%, #895b3f 16.1%, #86593e 19.4%, #83583c 22.6%, #80573b 25.8%, #7d5739 29.0%, #7b5738 32.3%, #785837 35.5%, #755837 38.7%, #735937 41.9%, #715a37 45.2%, #6f5c37 48.4%, #6e5d38 51.6%, #6d5f39 54.8%, #6c623a 58.1%, #6c643c 61.3%, #6b673d 64.5%, #6b6a3f 67.7%, #6a6d41 71.0%, #696f43 74.2%, #687145 77.4%, #677346 80.6%, #667547 83.9%, #657748 87.1%, #657849 90.3%, #64794a 93.5%, #637a4b 96.8%, #627b4c 100.0%); background: linear-gradient(90deg in oklch, oklch(55.12% 0.0813 50.63) 0.0%, oklch(54.65% 0.0803 50.78) 3.2%, oklch(53.98% 0.0789 50.79) 6.5%, oklch(53.19% 0.0773 50.79) 9.7%, oklch(52.33% 0.0756 50.92) 12.9%, oklch(51.47% 0.0737 51.31) 16.1%, oklch(50.67% 0.0718 52.10) 19.4%, oklch(49.99% 0.0701 53.42) 22.6%, oklch(49.50% 0.0685 55.42) 25.8%, oklch(49.11% 0.0668 58.16) 29.0%, oklch(48.78% 0.0651 61.52) 32.3%, oklch(48.52% 0.0633 65.36) 35.5%, oklch(48.34% 0.0616 69.52) 38.7%, oklch(48.25% 0.0601 73.85) 41.9%, oklch(48.24% 0.0589 78.20) 45.2%, oklch(48.34% 0.0581 82.42) 48.4%, oklch(48.55% 0.0578 86.46) 51.6%, oklch(48.95% 0.0580 90.70) 54.8%, oklch(49.48% 0.0586 95.11) 58.1%, oklch(50.12% 0.0595 99.56) 61.3%, oklch(50.80% 0.0607 103.94) 64.5%, oklch(51.48% 0.0619 108.11) 67.7%, oklch(52.11% 0.0632 111.97) 71.0%, oklch(52.64% 0.0645 115.38) 74.2%, oklch(53.07% 0.0657 118.31) 77.4%, oklch(53.47% 0.0672 120.92) 80.6%, oklch(53.84% 0.0688 123.24) 83.9%, oklch(54.17% 0.0705 125.29) 87.1%, oklch(54.47% 0.0721 127.06) 90.3%, oklch(54.72% 0.0736 128.59) 93.5%, oklch(54.94% 0.0749 129.88) 96.8%, oklch(55.12% 0.0758 130.94) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.551 | 0.081 | 50.6 | | 2 | 0.496 | 0.069 | 54.9 | | 3 | 0.484 | 0.058 | 84.4 | | 4 | 0.528 | 0.065 | 116.1 | | 5 | 0.551 | 0.076 | 130.9 | ## In these collections - [Forest gradients](https://grabient.com/forest-gradients) ## Other forms - [JSON](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.json?steps=32) - [PNG](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.png?steps=32) - [SVG](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.svg?steps=32) - [CSS](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.css?steps=32) - [ASE](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.ase?steps=32) - [GPL](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.gpl?steps=32) - [GRD](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.grd?steps=32) - [Design tokens](https://grabient.com/kWjDskPxlAb2VQ3DF8OxhvBo.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWjDskPxlAb2VQ3DF8OxhvBo&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWjDskPxlAb2VQ3DF8OxhvBo) - [Guide for agents](https://grabient.com/llms.txt)