# Sage, mustard and terracotta autumn palette

The Sage, mustard and terracotta autumn palette brings together green, yellow, gold, 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 gold.

- Also called: Dark green, olive, tan and brown radial gradient
- Seed: `kUbipc0yG9-GoPdWKLpg`
- Page: https://grabient.com/kUbipc0yG9-GoPdWKLpg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#465735` | `oklch(43.31% 0.0579 130.08)` | Zen Garden Olive | white, 7.8 to 1 |
| 2 | `#4a5b37` | `oklch(44.62% 0.0599 129.11)` | Stinging Nettle | white, 7.4 to 1 |
| 3 | `#4f6039` | `oklch(46.35% 0.0626 127.89)` | Plasticine | white, 6.8 to 1 |
| 4 | `#55663c` | `oklch(48.41% 0.0659 126.44)` | Daisy Leaf | white, 6.2 to 1 |
| 5 | `#5c6c3f` | `oklch(50.73% 0.0695 124.81)` | Globe Artichoke | white, 5.6 to 1 |
| 6 | `#647343` | `oklch(53.20% 0.0733 123.05)` | Cedar Green | white, 5.1 to 1 |
| 7 | `#6d7b46` | `oklch(55.73% 0.0773 121.20)` | Quartz Green | white, 4.6 to 1 |
| 8 | `#758249` | `oklch(58.25% 0.0812 119.30)` | Grasshopper | black, 5 to 1 |
| 9 | `#7e894c` | `oklch(60.66% 0.0850 117.39)` | Field Maple | black, 5.5 to 1 |
| 10 | `#868f4f` | `oklch(62.87% 0.0884 115.53)` | Vintage Vibe | black, 6 to 1 |
| 11 | `#8e9551` | `oklch(64.79% 0.0914 113.74)` | Topiary | black, 6.5 to 1 |
| 12 | `#959953` | `oklch(66.43% 0.0940 112.10)` | Salvia Divinorum | black, 6.9 to 1 |
| 13 | `#9b9e55` | `oklch(68.02% 0.0963 110.64)` | Sweet Pea | black, 7.4 to 1 |
| 14 | `#a1a257` | `oklch(69.56% 0.0985 109.31)` | Sweet Pea | black, 7.8 to 1 |
| 15 | `#a7a659` | `oklch(71.02% 0.1006 108.03)` | Rickrack | black, 8.2 to 1 |
| 16 | `#adaa5a` | `oklch(72.38% 0.1025 106.72)` | Spinach Banana Smoothie | black, 8.6 to 1 |
| 17 | `#b3ad5c` | `oklch(73.60% 0.1042 105.32)` | Palm | black, 9 to 1 |
| 18 | `#b8b05d` | `oklch(74.66% 0.1058 103.73)` | Gilded Pesto | black, 9.4 to 1 |
| 19 | `#bdb25e` | `oklch(75.54% 0.1072 101.89)` | Spring Marsh | black, 9.7 to 1 |
| 20 | `#c2b35e` | `oklch(76.21% 0.1085 99.73)` | Tarpon Green | black, 9.9 to 1 |
| 21 | `#c6b35d` | `oklch(76.63% 0.1096 97.17)` | Vegas Gold | black, 10 to 1 |
| 22 | `#cab25c` | `oklch(76.78% 0.1105 94.11)` | Tanami Desert | black, 10 to 1 |
| 23 | `#ceb05a` | `oklch(76.54% 0.1112 90.26)` | Tanami Desert | black, 9.9 to 1 |
| 24 | `#d1ac57` | `oklch(75.93% 0.1117 85.72)` | Solar Relic | black, 9.7 to 1 |
| 25 | `#d3a655` | `oklch(75.05% 0.1120 80.68)` | Plantain Chips | black, 9.3 to 1 |
| 26 | `#d4a054` | `oklch(73.96% 0.1121 75.35)` | Saffron Robe | black, 8.9 to 1 |
| 27 | `#d49a53` | `oklch(72.75% 0.1120 69.93)` | Poseidon’s Gold | black, 8.5 to 1 |
| 28 | `#d39453` | `oklch(71.50% 0.1119 64.64)` | Salt Caramel | black, 8.1 to 1 |
| 29 | `#d28e54` | `oklch(70.30% 0.1118 59.66)` | Honey Fungus | black, 7.7 to 1 |
| 30 | `#d18955` | `oklch(69.21% 0.1117 55.21)` | Bestigor | black, 7.3 to 1 |
| 31 | `#d08456` | `oklch(68.32% 0.1116 51.49)` | Sunny Horizon | black, 7.1 to 1 |
| 32 | `#cf8157` | `oklch(67.72% 0.1116 48.71)` | Shamanic Journey | black, 6.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #465735 0.0%, #4a5b37 3.2%, #4f6039 6.5%, #55663c 9.7%, #5c6c3f 12.9%, #647343 16.1%, #6d7b46 19.4%, #758249 22.6%, #7e894c 25.8%, #868f4f 29.0%, #8e9551 32.3%, #959953 35.5%, #9b9e55 38.7%, #a1a257 41.9%, #a7a659 45.2%, #adaa5a 48.4%, #b3ad5c 51.6%, #b8b05d 54.8%, #bdb25e 58.1%, #c2b35e 61.3%, #c6b35d 64.5%, #cab25c 67.7%, #ceb05a 71.0%, #d1ac57 74.2%, #d3a655 77.4%, #d4a054 80.6%, #d49a53 83.9%, #d39453 87.1%, #d28e54 90.3%, #d18955 93.5%, #d08456 96.8%, #cf8157 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(43.31% 0.0579 130.08) 0.0%, oklch(44.62% 0.0599 129.11) 3.2%, oklch(46.35% 0.0626 127.89) 6.5%, oklch(48.41% 0.0659 126.44) 9.7%, oklch(50.73% 0.0695 124.81) 12.9%, oklch(53.20% 0.0733 123.05) 16.1%, oklch(55.73% 0.0773 121.20) 19.4%, oklch(58.25% 0.0812 119.30) 22.6%, oklch(60.66% 0.0850 117.39) 25.8%, oklch(62.87% 0.0884 115.53) 29.0%, oklch(64.79% 0.0914 113.74) 32.3%, oklch(66.43% 0.0940 112.10) 35.5%, oklch(68.02% 0.0963 110.64) 38.7%, oklch(69.56% 0.0985 109.31) 41.9%, oklch(71.02% 0.1006 108.03) 45.2%, oklch(72.38% 0.1025 106.72) 48.4%, oklch(73.60% 0.1042 105.32) 51.6%, oklch(74.66% 0.1058 103.73) 54.8%, oklch(75.54% 0.1072 101.89) 58.1%, oklch(76.21% 0.1085 99.73) 61.3%, oklch(76.63% 0.1096 97.17) 64.5%, oklch(76.78% 0.1105 94.11) 67.7%, oklch(76.54% 0.1112 90.26) 71.0%, oklch(75.93% 0.1117 85.72) 74.2%, oklch(75.05% 0.1120 80.68) 77.4%, oklch(73.96% 0.1121 75.35) 80.6%, oklch(72.75% 0.1120 69.93) 83.9%, oklch(71.50% 0.1119 64.64) 87.1%, oklch(70.30% 0.1118 59.66) 90.3%, oklch(69.21% 0.1117 55.21) 93.5%, oklch(68.32% 0.1116 51.49) 96.8%, oklch(67.72% 0.1116 48.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.058 | 130.1 |
| 2 | 0.654 | 0.092 | 113.2 |
| 3 | 0.768 | 0.11 | 95.2 |
| 4 | 0.677 | 0.112 | 48.7 |

## In these collections

- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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