# Ochre, sage and bronze harvest palette The Ochre, sage and bronze harvest palette brings together yellow, green, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is green, and its lightest tone is yellow. - Also called: Analogous tan, dark green and brown linear gradient - Seed: `kYs0NHSZzAjwXQQtj0EspG9z6Zvc` - Page: https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark center - Hues: analogous - Contrast of its darkest and lightest colors: 4.1 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 | `#ada15b` | `oklch(70.47% 0.0923 99.84)` | Gingko Leaf | black, 8 to 1 | | 2 | `#a89d58` | `oklch(69.13% 0.0909 100.35)` | Mediaeval Sulphur | black, 7.6 to 1 | | 3 | `#a29855` | `oklch(67.27% 0.0889 101.01)` | Iyanden Darksun | black, 7.1 to 1 | | 4 | `#9a9150` | `oklch(65.07% 0.0866 101.80)` | Tupelo Tree | black, 6.5 to 1 | | 5 | `#928b4c` | `oklch(62.71% 0.0841 102.73)` | Negishi Green | black, 5.9 to 1 | | 6 | `#898448` | `oklch(60.38% 0.0815 103.76)` | Frog’s Legs | black, 5.4 to 1 | | 7 | `#827e44` | `oklch(58.26% 0.0790 104.89)` | Terrapin | black, 5 to 1 | | 8 | `#7b7941` | `oklch(56.41% 0.0767 106.14)` | Plant Green | black, 4.6 to 1 | | 9 | `#75743e` | `oklch(54.67% 0.0744 107.55)` | Crocodile Style | white, 4.8 to 1 | | 10 | `#6f6f3c` | `oklch(52.98% 0.0722 109.08)` | Classic Avocado | white, 5.2 to 1 | | 11 | `#696b3a` | `oklch(51.33% 0.0698 110.69)` | Robinhood | white, 5.5 to 1 | | 12 | `#636638` | `oklch(49.66% 0.0673 112.34)` | Scots Pine | white, 6 to 1 | | 13 | `#5d6236` | `oklch(47.95% 0.0646 113.99)` | Basque Green | white, 6.4 to 1 | | 14 | `#575d34` | `oklch(46.11% 0.0614 115.74)` | Base Camp | white, 6.9 to 1 | | 15 | `#4f5731` | `oklch(43.97% 0.0575 118.00)` | Dark Rainforest | white, 7.6 to 1 | | 16 | `#48512f` | `oklch(41.73% 0.0531 120.45)` | Waiouru | white, 8.4 to 1 | | 17 | `#424b2d` | `oklch(39.57% 0.0489 122.74)` | Bronze Tone | white, 9.2 to 1 | | 18 | `#3c462b` | `oklch(37.70% 0.0451 124.48)` | Palm Leaf | white, 9.9 to 1 | | 19 | `#394229` | `oklch(36.33% 0.0424 125.30)` | Deep Seaweed | white, 10.5 to 1 | | 20 | `#374028` | `oklch(35.64% 0.0409 124.85)` | Deep Seaweed | white, 10.8 to 1 | | 21 | `#384028` | `oklch(35.57% 0.0406 123.08)` | Deep Seaweed | white, 10.9 to 1 | | 22 | `#3a4028` | `oklch(35.98% 0.0412 120.33)` | Deep Seaweed | white, 10.7 to 1 | | 23 | `#3d4228` | `oklch(36.75% 0.0425 116.95)` | Deep Seaweed | white, 10.4 to 1 | | 24 | `#424428` | `oklch(37.76% 0.0443 113.31)` | Strong Tone Wash | white, 10 to 1 | | 25 | `#464729` | `oklch(38.87% 0.0464 109.77)` | Nori Seaweed Green | white, 9.5 to 1 | | 26 | `#4b4a2a` | `oklch(39.99% 0.0487 106.65)` | Tinny Tin | white, 9.1 to 1 | | 27 | `#504d2a` | `oklch(41.39% 0.0519 103.49)` | Codium Fragile | white, 8.6 to 1 | | 28 | `#57512b` | `oklch(43.09% 0.0558 100.14)` | West Coast | white, 8 to 1 | | 29 | `#5e552c` | `oklch(44.92% 0.0601 96.81)` | Tucumán Green | white, 7.4 to 1 | | 30 | `#66592d` | `oklch(46.67% 0.0643 93.74)` | Fir Green | white, 6.9 to 1 | | 31 | `#6c5d2e` | `oklch(48.16% 0.0678 91.15)` | Moss Brown | white, 6.4 to 1 | | 32 | `#715f2f` | `oklch(49.21% 0.0703 89.28)` | Rationality | white, 6.2 to 1 | ## CSS ```css background: linear-gradient(90deg, #ada15b 0.0%, #a89d58 3.2%, #a29855 6.5%, #9a9150 9.7%, #928b4c 12.9%, #898448 16.1%, #827e44 19.4%, #7b7941 22.6%, #75743e 25.8%, #6f6f3c 29.0%, #696b3a 32.3%, #636638 35.5%, #5d6236 38.7%, #575d34 41.9%, #4f5731 45.2%, #48512f 48.4%, #424b2d 51.6%, #3c462b 54.8%, #394229 58.1%, #374028 61.3%, #384028 64.5%, #3a4028 67.7%, #3d4228 71.0%, #424428 74.2%, #464729 77.4%, #4b4a2a 80.6%, #504d2a 83.9%, #57512b 87.1%, #5e552c 90.3%, #66592d 93.5%, #6c5d2e 96.8%, #715f2f 100.0%); background: linear-gradient(90deg in oklch, oklch(70.47% 0.0923 99.84) 0.0%, oklch(69.13% 0.0909 100.35) 3.2%, oklch(67.27% 0.0889 101.01) 6.5%, oklch(65.07% 0.0866 101.80) 9.7%, oklch(62.71% 0.0841 102.73) 12.9%, oklch(60.38% 0.0815 103.76) 16.1%, oklch(58.26% 0.0790 104.89) 19.4%, oklch(56.41% 0.0767 106.14) 22.6%, oklch(54.67% 0.0744 107.55) 25.8%, oklch(52.98% 0.0722 109.08) 29.0%, oklch(51.33% 0.0698 110.69) 32.3%, oklch(49.66% 0.0673 112.34) 35.5%, oklch(47.95% 0.0646 113.99) 38.7%, oklch(46.11% 0.0614 115.74) 41.9%, oklch(43.97% 0.0575 118.00) 45.2%, oklch(41.73% 0.0531 120.45) 48.4%, oklch(39.57% 0.0489 122.74) 51.6%, oklch(37.70% 0.0451 124.48) 54.8%, oklch(36.33% 0.0424 125.30) 58.1%, oklch(35.64% 0.0409 124.85) 61.3%, oklch(35.57% 0.0406 123.08) 64.5%, oklch(35.98% 0.0412 120.33) 67.7%, oklch(36.75% 0.0425 116.95) 71.0%, oklch(37.76% 0.0443 113.31) 74.2%, oklch(38.87% 0.0464 109.77) 77.4%, oklch(39.99% 0.0487 106.65) 80.6%, oklch(41.39% 0.0519 103.49) 83.9%, oklch(43.09% 0.0558 100.14) 87.1%, oklch(44.92% 0.0601 96.81) 90.3%, oklch(46.67% 0.0643 93.74) 93.5%, oklch(48.16% 0.0678 91.15) 96.8%, oklch(49.21% 0.0703 89.28) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.705 | 0.092 | 99.8 | | 2 | 0.579 | 0.079 | 105.1 | | 3 | 0.472 | 0.063 | 114.6 | | 4 | 0.358 | 0.041 | 125.2 | | 5 | 0.398 | 0.048 | 107.2 | | 6 | 0.492 | 0.07 | 89.3 | ## In these collections - [Harvest gradients](https://grabient.com/harvest-gradients) ## Other forms - [JSON](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.json?steps=32) - [PNG](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.png?steps=32) - [SVG](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.svg?steps=32) - [CSS](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.css?steps=32) - [ASE](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.ase?steps=32) - [GPL](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.gpl?steps=32) - [GRD](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.grd?steps=32) - [Design tokens](https://grabient.com/kYs0NHSZzAjwXQQtj0EspG9z6Zvc.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYs0NHSZzAjwXQQtj0EspG9z6Zvc&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYs0NHSZzAjwXQQtj0EspG9z6Zvc) - [Guide for agents](https://grabient.com/llms.txt)