# Khaki Field Lantern

From the center outward, the continuous gradient moves through pale gold, pale orange, orange, gold, cream, and orange. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks.

- Also called: Monochrome beige, brown and gray radial gradient
- Seed: `kW2yVByJ08MwXxDjj78uxE9A`
- Page: https://grabient.com/kW2yVByJ08MwXxDjj78uxE9A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.6 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 | `#ddd1ac` | `oklch(86.22% 0.0510 92.11)` | Stardust | black, 13.8 to 1 |
| 2 | `#d7c8a2` | `oklch(83.66% 0.0536 89.08)` | Luscious Latte | black, 12.7 to 1 |
| 3 | `#cfbb94` | `oklch(79.98% 0.0575 84.51)` | Thermos | black, 11.2 to 1 |
| 4 | `#c5ac83` | `oklch(75.60% 0.0621 79.04)` | Middlestone | black, 9.5 to 1 |
| 5 | `#bb9b72` | `oklch(70.89% 0.0670 73.30)` | Ancient Fresco | black, 8 to 1 |
| 6 | `#b18b63` | `oklch(66.25% 0.0717 67.95)` | Caramel Kiss | black, 6.7 to 1 |
| 7 | `#a77d55` | `oklch(62.08% 0.0758 63.61)` | Apple Seed | black, 5.6 to 1 |
| 8 | `#9f724b` | `oklch(58.77% 0.0787 60.94)` | Cinnamon Twist | black, 4.9 to 1 |
| 9 | `#996b44` | `oklch(56.69% 0.0801 60.57)` | Must Love Dogs | white, 4.6 to 1 |
| 10 | `#95683f` | `oklch(55.55% 0.0801 62.83)` | Gilded Glamour | white, 4.8 to 1 |
| 11 | `#91693d` | `oklch(55.08% 0.0790 67.16)` | Spanish Leather | white, 4.9 to 1 |
| 12 | `#8e6b3d` | `oklch(55.18% 0.0770 72.85)` | Carmel Woods | white, 4.8 to 1 |
| 13 | `#8b6f3f` | `oklch(55.75% 0.0745 79.20)` | Siam Gold | white, 4.7 to 1 |
| 14 | `#8a7343` | `oklch(56.66% 0.0717 85.49)` | Sepia Yellow | black, 4.6 to 1 |
| 15 | `#897949` | `oklch(57.84% 0.0688 91.02)` | Willow | black, 4.8 to 1 |
| 16 | `#8a7e4f` | `oklch(59.16% 0.0660 95.08)` | Ovoid Fruit | black, 5.1 to 1 |
| 17 | `#8d8356` | `oklch(60.69% 0.0635 97.16)` | Mountain Olive | black, 5.4 to 1 |
| 18 | `#938a60` | `oklch(63.19% 0.0605 98.04)` | Enchanted Wood | black, 6 to 1 |
| 19 | `#9d946c` | `oklch(66.42% 0.0572 98.05)` | Sweet Annie | black, 6.8 to 1 |
| 20 | `#a79f79` | `oklch(69.95% 0.0538 97.35)` | Hillary | black, 7.8 to 1 |
| 21 | `#b2a985` | `oklch(73.35% 0.0505 96.08)` | Green Grey Mist | black, 8.9 to 1 |
| 22 | `#bbb290` | `oklch(76.19% 0.0474 94.41)` | Wasabi Powder | black, 9.8 to 1 |
| 23 | `#c1b797` | `oklch(78.05% 0.0449 92.50)` | Distant Valley | black, 10.5 to 1 |
| 24 | `#c3b89a` | `oklch(78.50% 0.0430 90.49)` | Distant Valley | black, 10.6 to 1 |
| 25 | `#c0b497` | `oklch(77.11% 0.0421 88.25)` | Palisade | black, 10.1 to 1 |
| 26 | `#b7a98d` | `oklch(73.93% 0.0420 85.24)` | Sepia Tone | black, 9 to 1 |
| 27 | `#aa9b7f` | `oklch(69.46% 0.0424 81.71)` | Smallmouth Bass | black, 7.6 to 1 |
| 28 | `#9c8a70` | `oklch(64.24% 0.0433 77.92)` | Nut | black, 6.2 to 1 |
| 29 | `#8d7960` | `oklch(58.80% 0.0443 74.16)` | Rain Barrel | black, 5 to 1 |
| 30 | `#7f6a51` | `oklch(53.67% 0.0454 70.68)` | Mayan Ruins | white, 5.1 to 1 |
| 31 | `#735d45` | `oklch(49.38% 0.0463 67.77)` | Mission Brown | white, 6.2 to 1 |
| 32 | `#6c543d` | `oklch(46.46% 0.0469 65.69)` | Caraway Brown | white, 7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ddd1ac 0.0%, #d7c8a2 3.2%, #cfbb94 6.5%, #c5ac83 9.7%, #bb9b72 12.9%, #b18b63 16.1%, #a77d55 19.4%, #9f724b 22.6%, #996b44 25.8%, #95683f 29.0%, #91693d 32.3%, #8e6b3d 35.5%, #8b6f3f 38.7%, #8a7343 41.9%, #897949 45.2%, #8a7e4f 48.4%, #8d8356 51.6%, #938a60 54.8%, #9d946c 58.1%, #a79f79 61.3%, #b2a985 64.5%, #bbb290 67.7%, #c1b797 71.0%, #c3b89a 74.2%, #c0b497 77.4%, #b7a98d 80.6%, #aa9b7f 83.9%, #9c8a70 87.1%, #8d7960 90.3%, #7f6a51 93.5%, #735d45 96.8%, #6c543d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(86.22% 0.0510 92.11) 0.0%, oklch(83.66% 0.0536 89.08) 3.2%, oklch(79.98% 0.0575 84.51) 6.5%, oklch(75.60% 0.0621 79.04) 9.7%, oklch(70.89% 0.0670 73.30) 12.9%, oklch(66.25% 0.0717 67.95) 16.1%, oklch(62.08% 0.0758 63.61) 19.4%, oklch(58.77% 0.0787 60.94) 22.6%, oklch(56.69% 0.0801 60.57) 25.8%, oklch(55.55% 0.0801 62.83) 29.0%, oklch(55.08% 0.0790 67.16) 32.3%, oklch(55.18% 0.0770 72.85) 35.5%, oklch(55.75% 0.0745 79.20) 38.7%, oklch(56.66% 0.0717 85.49) 41.9%, oklch(57.84% 0.0688 91.02) 45.2%, oklch(59.16% 0.0660 95.08) 48.4%, oklch(60.69% 0.0635 97.16) 51.6%, oklch(63.19% 0.0605 98.04) 54.8%, oklch(66.42% 0.0572 98.05) 58.1%, oklch(69.95% 0.0538 97.35) 61.3%, oklch(73.35% 0.0505 96.08) 64.5%, oklch(76.19% 0.0474 94.41) 67.7%, oklch(78.05% 0.0449 92.50) 71.0%, oklch(78.50% 0.0430 90.49) 74.2%, oklch(77.11% 0.0421 88.25) 77.4%, oklch(73.93% 0.0420 85.24) 80.6%, oklch(69.46% 0.0424 81.71) 83.9%, oklch(64.24% 0.0433 77.92) 87.1%, oklch(58.80% 0.0443 74.16) 90.3%, oklch(53.67% 0.0454 70.68) 93.5%, oklch(49.38% 0.0463 67.77) 96.8%, oklch(46.46% 0.0469 65.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.051 | 92.1 |
| 2 | 0.571 | 0.08 | 60.4 |
| 3 | 0.598 | 0.065 | 96.3 |
| 4 | 0.783 | 0.043 | 90 |
| 5 | 0.465 | 0.047 | 65.7 |

## In these collections

- [Khaki coded](https://grabient.com/khaki-coded)

## Other forms

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