# Sage and gold olive palette

The Sage and gold olive palette brings together green, gold, and pale yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Analogous olive, tan, beige and gray radial gradient
- Seed: `kUhi9T46083aMwEujsLg`
- Page: https://grabient.com/kUhi9T46083aMwEujsLg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9 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 | `#687044` | `oklch(52.76% 0.0648 117.42)` | Gulf Weed | white, 5.2 to 1 |
| 2 | `#6d7545` | `oklch(54.27% 0.0688 115.78)` | Oakmoss | white, 4.9 to 1 |
| 3 | `#757a45` | `oklch(56.26% 0.0748 113.52)` | Plant Green | black, 4.6 to 1 |
| 4 | `#7e8145` | `oklch(58.63% 0.0821 110.80)` | Fresh Artichoke | black, 5.1 to 1 |
| 5 | `#898844` | `oklch(61.29% 0.0902 107.76)` | Overgrown Citadel | black, 5.6 to 1 |
| 6 | `#969043` | `oklch(64.13% 0.0986 104.55)` | Delta Break | black, 6.3 to 1 |
| 7 | `#a39743` | `oklch(67.06% 0.1067 101.34)` | Shimmering Glade | black, 7 to 1 |
| 8 | `#b19f43` | `oklch(69.98% 0.1138 98.27)` | Queen Palm | black, 7.8 to 1 |
| 9 | `#bea645` | `oklch(72.78% 0.1195 95.49)` | Forest Tent | black, 8.7 to 1 |
| 10 | `#caad49` | `oklch(75.38% 0.1232 93.16)` | Hollywood | black, 9.5 to 1 |
| 11 | `#d3b34f` | `oklch(77.67% 0.1243 91.42)` | Gold Gleam | black, 10.3 to 1 |
| 12 | `#dbb958` | `oklch(79.75% 0.1223 90.33)` | Golden Bass | black, 11.1 to 1 |
| 13 | `#e2c166` | `oklch(82.14% 0.1170 89.59)` | Candelabra | black, 12 to 1 |
| 14 | `#e9ca76` | `oklch(84.73% 0.1091 89.17)` | Bee Pollen | black, 13.1 to 1 |
| 15 | `#f0d388` | `oklch(87.35% 0.0994 89.04)` | March Yellow | black, 14.3 to 1 |
| 16 | `#f5db99` | `oklch(89.83% 0.0884 89.18)` | Honey Tone | black, 15.4 to 1 |
| 17 | `#f9e3aa` | `oklch(92.01% 0.0768 89.58)` | Vanilla Cream | black, 16.5 to 1 |
| 18 | `#fbe9b9` | `oklch(93.72% 0.0653 90.21)` | Solar Wind | black, 17.4 to 1 |
| 19 | `#fbedc5` | `oklch(94.80% 0.0545 91.05)` | Oasis Sand | black, 18 to 1 |
| 20 | `#f9efcd` | `oklch(95.07% 0.0451 92.08)` | Glittery Yellow | black, 18.2 to 1 |
| 21 | `#f5ecd1` | `oklch(94.39% 0.0378 93.28)` | Winter White | black, 17.8 to 1 |
| 22 | `#ede7ce` | `oklch(92.53% 0.0332 94.67)` | Banana Milkshake | black, 16.8 to 1 |
| 23 | `#e1dbc5` | `oklch(89.09% 0.0305 96.54)` | Cosy Cream | black, 15.1 to 1 |
| 24 | `#d0ccb7` | `oklch(84.24% 0.0294 98.90)` | Skipping Stone | black, 12.9 to 1 |
| 25 | `#bcb9a4` | `oklch(78.32% 0.0294 101.61)` | Heavy Hammock | black, 10.6 to 1 |
| 26 | `#a6a58f` | `oklch(71.70% 0.0303 104.54)` | Olive Pit | black, 8.4 to 1 |
| 27 | `#90907a` | `oklch(64.72% 0.0319 107.56)` | Farmer’s Market | black, 6.4 to 1 |
| 28 | `#7a7c65` | `oklch(57.73% 0.0339 110.54)` | Tangle | black, 4.8 to 1 |
| 29 | `#666951` | `oklch(51.07% 0.0359 113.36)` | Yew Hedge | white, 5.6 to 1 |
| 30 | `#545840` | `oklch(45.10% 0.0378 115.89)` | Pinetop | white, 7.3 to 1 |
| 31 | `#464b33` | `oklch(40.17% 0.0392 117.99)` | Matsuba Green | white, 9 to 1 |
| 32 | `#3c422a` | `oklch(36.61% 0.0400 119.54)` | Deep Seaweed | white, 10.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #687044 0.0%, #6d7545 3.2%, #757a45 6.5%, #7e8145 9.7%, #898844 12.9%, #969043 16.1%, #a39743 19.4%, #b19f43 22.6%, #bea645 25.8%, #caad49 29.0%, #d3b34f 32.3%, #dbb958 35.5%, #e2c166 38.7%, #e9ca76 41.9%, #f0d388 45.2%, #f5db99 48.4%, #f9e3aa 51.6%, #fbe9b9 54.8%, #fbedc5 58.1%, #f9efcd 61.3%, #f5ecd1 64.5%, #ede7ce 67.7%, #e1dbc5 71.0%, #d0ccb7 74.2%, #bcb9a4 77.4%, #a6a58f 80.6%, #90907a 83.9%, #7a7c65 87.1%, #666951 90.3%, #545840 93.5%, #464b33 96.8%, #3c422a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.76% 0.0648 117.42) 0.0%, oklch(54.27% 0.0688 115.78) 3.2%, oklch(56.26% 0.0748 113.52) 6.5%, oklch(58.63% 0.0821 110.80) 9.7%, oklch(61.29% 0.0902 107.76) 12.9%, oklch(64.13% 0.0986 104.55) 16.1%, oklch(67.06% 0.1067 101.34) 19.4%, oklch(69.98% 0.1138 98.27) 22.6%, oklch(72.78% 0.1195 95.49) 25.8%, oklch(75.38% 0.1232 93.16) 29.0%, oklch(77.67% 0.1243 91.42) 32.3%, oklch(79.75% 0.1223 90.33) 35.5%, oklch(82.14% 0.1170 89.59) 38.7%, oklch(84.73% 0.1091 89.17) 41.9%, oklch(87.35% 0.0994 89.04) 45.2%, oklch(89.83% 0.0884 89.18) 48.4%, oklch(92.01% 0.0768 89.58) 51.6%, oklch(93.72% 0.0653 90.21) 54.8%, oklch(94.80% 0.0545 91.05) 58.1%, oklch(95.07% 0.0451 92.08) 61.3%, oklch(94.39% 0.0378 93.28) 64.5%, oklch(92.53% 0.0332 94.67) 67.7%, oklch(89.09% 0.0305 96.54) 71.0%, oklch(84.24% 0.0294 98.90) 74.2%, oklch(78.32% 0.0294 101.61) 77.4%, oklch(71.70% 0.0303 104.54) 80.6%, oklch(64.72% 0.0319 107.56) 83.9%, oklch(57.73% 0.0339 110.54) 87.1%, oklch(51.07% 0.0359 113.36) 90.3%, oklch(45.10% 0.0378 115.89) 93.5%, oklch(40.17% 0.0392 117.99) 96.8%, oklch(36.61% 0.0400 119.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.065 | 117.4 |
| 2 | 0.783 | 0.124 | 91 |
| 3 | 0.933 | 0.034 | 94.2 |
| 4 | 0.366 | 0.04 | 119.5 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)

## Other forms

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