# Tan olive palette

The Tan olive palette brings together yellow, light yellow, pale orange, and light orange. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is yellow, and its lightest tone is pale orange.

- Also called: Gray and beige radial gradient
- Seed: `kWuzVQ5Ra_euSP30i75awy-w`
- Page: https://grabient.com/kWuzVQ5Ra_euSP30i75awy-w?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: neutral, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.8 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 | `#a9af79` | `oklch(73.62% 0.0730 113.20)` | Wasabi Green | black, 9.1 to 1 |
| 2 | `#abb07b` | `oklch(74.10% 0.0722 112.86)` | Wasabi Green | black, 9.2 to 1 |
| 3 | `#adb27e` | `oklch(74.75% 0.0710 112.41)` | Weeping Willow | black, 9.4 to 1 |
| 4 | `#b0b481` | `oklch(75.51% 0.0696 111.87)` | Winter Pear | black, 9.7 to 1 |
| 5 | `#b3b785` | `oklch(76.36% 0.0681 111.28)` | Lima Green | black, 10 to 1 |
| 6 | `#b7b988` | `oklch(77.25% 0.0665 110.65)` | Aloe Plant | black, 10.3 to 1 |
| 7 | `#babc8c` | `oklch(78.13% 0.0648 110.01)` | Baby Bok Choy | black, 10.6 to 1 |
| 8 | `#bdbe8f` | `oklch(78.96% 0.0632 109.40)` | New Foliage | black, 10.9 to 1 |
| 9 | `#bfc193` | `oklch(79.70% 0.0616 108.84)` | Brimstone Butterfly | black, 11.2 to 1 |
| 10 | `#c2c396` | `oklch(80.38% 0.0601 108.40)` | Green Mist | black, 11.4 to 1 |
| 11 | `#c4c499` | `oklch(81.01% 0.0587 108.03)` | Parlour Sage | black, 11.7 to 1 |
| 12 | `#c6c69c` | `oklch(81.63% 0.0572 107.69)` | Archisa | black, 11.9 to 1 |
| 13 | `#c8c89f` | `oklch(82.24% 0.0557 107.30)` | Watercress Pesto | black, 12.2 to 1 |
| 14 | `#cacaa2` | `oklch(82.88% 0.0541 106.82)` | Marrett Apple | black, 12.4 to 1 |
| 15 | `#cdcca5` | `oklch(83.54% 0.0524 106.17)` | Crisp Celery | black, 12.7 to 1 |
| 16 | `#d0cea8` | `oklch(84.26% 0.0506 105.29)` | Hybrid | black, 13 to 1 |
| 17 | `#d3d0ac` | `oklch(85.08% 0.0486 104.12)` | Crystal Palace | black, 13.3 to 1 |
| 18 | `#d7d3b1` | `oklch(86.11% 0.0462 102.62)` | Chinese Silk | black, 13.8 to 1 |
| 19 | `#dbd7b6` | `oklch(87.30% 0.0435 100.87)` | Spring Day | black, 14.3 to 1 |
| 20 | `#e0dabc` | `oklch(88.53% 0.0407 98.95)` | Coconut Cream | black, 14.9 to 1 |
| 21 | `#e4dec1` | `oklch(89.69% 0.0380 96.96)` | Amish Bread | black, 15.4 to 1 |
| 22 | `#e7e1c6` | `oklch(90.68% 0.0355 94.98)` | Ineffable Linen | black, 15.9 to 1 |
| 23 | `#eae3ca` | `oklch(91.39% 0.0335 93.09)` | Nylon | black, 16.2 to 1 |
| 24 | `#ebe3cc` | `oklch(91.72% 0.0320 91.40)` | Morocco Sand | black, 16.4 to 1 |
| 25 | `#ebe3cc` | `oklch(91.55% 0.0312 89.88)` | Morocco Sand | black, 16.3 to 1 |
| 26 | `#e9e0ca` | `oklch(90.88% 0.0310 88.39)` | Restoration Ivory | black, 16 to 1 |
| 27 | `#e6ddc7` | `oklch(89.85% 0.0313 86.94)` | Irresistible Beige | black, 15.5 to 1 |
| 28 | `#e3d8c2` | `oklch(88.60% 0.0319 85.56)` | Mission White | black, 14.9 to 1 |
| 29 | `#dfd4bd` | `oklch(87.27% 0.0326 84.30)` | Steamed Chai | black, 14.2 to 1 |
| 30 | `#dcd0b9` | `oklch(86.01% 0.0334 83.18)` | Ostrich Egg | black, 13.7 to 1 |
| 31 | `#d9ccb5` | `oklch(84.96% 0.0341 82.23)` | Sandstone Palette | black, 13.2 to 1 |
| 32 | `#d7cab3` | `oklch(84.25% 0.0344 81.50)` | Raw Sugar | black, 12.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a9af79 0.0%, #abb07b 3.2%, #adb27e 6.5%, #b0b481 9.7%, #b3b785 12.9%, #b7b988 16.1%, #babc8c 19.4%, #bdbe8f 22.6%, #bfc193 25.8%, #c2c396 29.0%, #c4c499 32.3%, #c6c69c 35.5%, #c8c89f 38.7%, #cacaa2 41.9%, #cdcca5 45.2%, #d0cea8 48.4%, #d3d0ac 51.6%, #d7d3b1 54.8%, #dbd7b6 58.1%, #e0dabc 61.3%, #e4dec1 64.5%, #e7e1c6 67.7%, #eae3ca 71.0%, #ebe3cc 74.2%, #ebe3cc 77.4%, #e9e0ca 80.6%, #e6ddc7 83.9%, #e3d8c2 87.1%, #dfd4bd 90.3%, #dcd0b9 93.5%, #d9ccb5 96.8%, #d7cab3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.62% 0.0730 113.20) 0.0%, oklch(74.10% 0.0722 112.86) 3.2%, oklch(74.75% 0.0710 112.41) 6.5%, oklch(75.51% 0.0696 111.87) 9.7%, oklch(76.36% 0.0681 111.28) 12.9%, oklch(77.25% 0.0665 110.65) 16.1%, oklch(78.13% 0.0648 110.01) 19.4%, oklch(78.96% 0.0632 109.40) 22.6%, oklch(79.70% 0.0616 108.84) 25.8%, oklch(80.38% 0.0601 108.40) 29.0%, oklch(81.01% 0.0587 108.03) 32.3%, oklch(81.63% 0.0572 107.69) 35.5%, oklch(82.24% 0.0557 107.30) 38.7%, oklch(82.88% 0.0541 106.82) 41.9%, oklch(83.54% 0.0524 106.17) 45.2%, oklch(84.26% 0.0506 105.29) 48.4%, oklch(85.08% 0.0486 104.12) 51.6%, oklch(86.11% 0.0462 102.62) 54.8%, oklch(87.30% 0.0435 100.87) 58.1%, oklch(88.53% 0.0407 98.95) 61.3%, oklch(89.69% 0.0380 96.96) 64.5%, oklch(90.68% 0.0355 94.98) 67.7%, oklch(91.39% 0.0335 93.09) 71.0%, oklch(91.72% 0.0320 91.40) 74.2%, oklch(91.55% 0.0312 89.88) 77.4%, oklch(90.88% 0.0310 88.39) 80.6%, oklch(89.85% 0.0313 86.94) 83.9%, oklch(88.60% 0.0319 85.56) 87.1%, oklch(87.27% 0.0326 84.30) 90.3%, oklch(86.01% 0.0334 83.18) 93.5%, oklch(84.96% 0.0341 82.23) 96.8%, oklch(84.25% 0.0344 81.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.073 | 113.2 |
| 2 | 0.795 | 0.062 | 109 |
| 3 | 0.846 | 0.05 | 104.7 |
| 4 | 0.917 | 0.032 | 91 |
| 5 | 0.843 | 0.034 | 81.5 |

## In these collections

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

## Other forms

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