# Tan spring garden wedding palette

Pastel gray to beige linear gradient with 32 colors: #a89c81, #ab9d7e, #ae9e7b, #b2a077, #b6a172, #baa36d, #bfa468, #c3a764, #c7a961, #ccac5f, #d0b05e, #d5b45d, #dab85d, #debc5d, #e2c05e, #e6c45f, #e9c861, #ebcb63, #eecf66, #f0d36a, #f2d66e, #f3d972, #f4dc77, #f4df7c, #f3e181, #f2e387, #f0e48d, #ede593, #eae599, #e8e69f, #e7e6a3, #e6e6a6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel gray to beige linear gradient
- Seed: `kWsR4-XqM_-ouQHyrEC855BI`
- Page: https://grabient.com/kWsR4-XqM_-ouQHyrEC855BI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#a89c81` | `oklch(69.69% 0.0413 87.19)` | Buffhide | black, 7.7 to 1 |
| 2 | `#ab9d7e` | `oklch(70.03% 0.0459 87.16)` | Winter Sage | black, 7.8 to 1 |
| 3 | `#ae9e7b` | `oklch(70.46% 0.0523 87.08)` | Ginger Tea | black, 7.9 to 1 |
| 4 | `#b2a077` | `oklch(70.97% 0.0598 86.99)` | Paper Sack | black, 8.1 to 1 |
| 5 | `#b6a172` | `oklch(71.56% 0.0681 86.92)` | Green Fig | black, 8.3 to 1 |
| 6 | `#baa36d` | `oklch(72.22% 0.0765 86.88)` | Horn of Plenty | black, 8.5 to 1 |
| 7 | `#bfa468` | `oklch(72.96% 0.0846 86.90)` | Southern Moss | black, 8.7 to 1 |
| 8 | `#c3a764` | `oklch(73.76% 0.0919 87.02)` | Spring Roll | black, 9 to 1 |
| 9 | `#c7a961` | `oklch(74.64% 0.0978 87.26)` | Laser | black, 9.2 to 1 |
| 10 | `#ccac5f` | `oklch(75.65% 0.1031 87.61)` | Desert | black, 9.6 to 1 |
| 11 | `#d0b05e` | `oklch(76.79% 0.1081 88.04)` | Tanami Desert | black, 10 to 1 |
| 12 | `#d5b45d` | `oklch(78.02% 0.1128 88.55)` | Strike It Rich | black, 10.4 to 1 |
| 13 | `#dab85d` | `oklch(79.29% 0.1169 89.13)` | Misted Yellow | black, 10.9 to 1 |
| 14 | `#debc5d` | `oklch(80.57% 0.1205 89.75)` | Lemon Surprise | black, 11.4 to 1 |
| 15 | `#e2c05e` | `oklch(81.80% 0.1235 90.40)` | Candelabra | black, 11.9 to 1 |
| 16 | `#e6c45f` | `oklch(82.94% 0.1259 91.07)` | Tasman Honey Yellow | black, 12.4 to 1 |
| 17 | `#e9c861` | `oklch(83.97% 0.1275 91.76)` | Citrus Zest | black, 12.8 to 1 |
| 18 | `#ebcb63` | `oklch(85.00% 0.1285 92.44)` | Fresh Straw | black, 13.2 to 1 |
| 19 | `#eecf66` | `oklch(86.01% 0.1288 93.15)` | Grand Casino Gold | black, 13.7 to 1 |
| 20 | `#f0d36a` | `oklch(86.98% 0.1286 93.90)` | Yellow Cream | black, 14.1 to 1 |
| 21 | `#f2d66e` | `oklch(87.89% 0.1277 94.69)` | Island Sun | black, 14.6 to 1 |
| 22 | `#f3d972` | `oklch(88.72% 0.1263 95.54)` | Mocha Dandelion | black, 15 to 1 |
| 23 | `#f4dc77` | `oklch(89.44% 0.1244 96.47)` | Golden Rays | black, 15.3 to 1 |
| 24 | `#f4df7c` | `oklch(90.03% 0.1220 97.49)` | Club-Mate | black, 15.6 to 1 |
| 25 | `#f3e181` | `oklch(90.47% 0.1187 98.66)` | Electric Light Orchestra | black, 15.9 to 1 |
| 26 | `#f2e387` | `oklch(90.75% 0.1140 100.06)` | Gen Z Yellow | black, 16 to 1 |
| 27 | `#f0e48d` | `oklch(90.90% 0.1084 101.62)` | Cornflake | black, 16.1 to 1 |
| 28 | `#ede593` | `oklch(90.97% 0.1024 103.23)` | Lemonade | black, 16.2 to 1 |
| 29 | `#eae599` | `oklch(90.97% 0.0963 104.81)` | Lemonade | black, 16.2 to 1 |
| 30 | `#e8e69f` | `oklch(90.94% 0.0907 106.24)` | Wax Yellow | black, 16.2 to 1 |
| 31 | `#e7e6a3` | `oklch(90.92% 0.0860 107.45)` | Kiwi Ice Cream | black, 16.2 to 1 |
| 32 | `#e6e6a6` | `oklch(90.94% 0.0827 108.32)` | Kiwi Ice Cream | black, 16.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a89c81 0.0%, #ab9d7e 3.2%, #ae9e7b 6.5%, #b2a077 9.7%, #b6a172 12.9%, #baa36d 16.1%, #bfa468 19.4%, #c3a764 22.6%, #c7a961 25.8%, #ccac5f 29.0%, #d0b05e 32.3%, #d5b45d 35.5%, #dab85d 38.7%, #debc5d 41.9%, #e2c05e 45.2%, #e6c45f 48.4%, #e9c861 51.6%, #ebcb63 54.8%, #eecf66 58.1%, #f0d36a 61.3%, #f2d66e 64.5%, #f3d972 67.7%, #f4dc77 71.0%, #f4df7c 74.2%, #f3e181 77.4%, #f2e387 80.6%, #f0e48d 83.9%, #ede593 87.1%, #eae599 90.3%, #e8e69f 93.5%, #e7e6a3 96.8%, #e6e6a6 100.0%);
background: linear-gradient(90deg in oklch, oklch(69.69% 0.0413 87.19) 0.0%, oklch(70.03% 0.0459 87.16) 3.2%, oklch(70.46% 0.0523 87.08) 6.5%, oklch(70.97% 0.0598 86.99) 9.7%, oklch(71.56% 0.0681 86.92) 12.9%, oklch(72.22% 0.0765 86.88) 16.1%, oklch(72.96% 0.0846 86.90) 19.4%, oklch(73.76% 0.0919 87.02) 22.6%, oklch(74.64% 0.0978 87.26) 25.8%, oklch(75.65% 0.1031 87.61) 29.0%, oklch(76.79% 0.1081 88.04) 32.3%, oklch(78.02% 0.1128 88.55) 35.5%, oklch(79.29% 0.1169 89.13) 38.7%, oklch(80.57% 0.1205 89.75) 41.9%, oklch(81.80% 0.1235 90.40) 45.2%, oklch(82.94% 0.1259 91.07) 48.4%, oklch(83.97% 0.1275 91.76) 51.6%, oklch(85.00% 0.1285 92.44) 54.8%, oklch(86.01% 0.1288 93.15) 58.1%, oklch(86.98% 0.1286 93.90) 61.3%, oklch(87.89% 0.1277 94.69) 64.5%, oklch(88.72% 0.1263 95.54) 67.7%, oklch(89.44% 0.1244 96.47) 71.0%, oklch(90.03% 0.1220 97.49) 74.2%, oklch(90.47% 0.1187 98.66) 77.4%, oklch(90.75% 0.1140 100.06) 80.6%, oklch(90.90% 0.1084 101.62) 83.9%, oklch(90.97% 0.1024 103.23) 87.1%, oklch(90.97% 0.0963 104.81) 90.3%, oklch(90.94% 0.0907 106.24) 93.5%, oklch(90.92% 0.0860 107.45) 96.8%, oklch(90.94% 0.0827 108.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.041 | 87.2 |
| 2 | 0.744 | 0.096 | 87.2 |
| 3 | 0.835 | 0.127 | 91.4 |
| 4 | 0.902 | 0.121 | 97.8 |
| 5 | 0.909 | 0.083 | 108.3 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)

## Other forms

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