# Sage and tan spring garden wedding palette

The Sage and tan spring garden wedding palette brings together dark green, green, yellow, and light orange. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is dark green, and its lightest tone is light orange.

- Also called: Analogous dark green, gray and beige linear gradient
- Seed: `kWSxxgMQ4-kkPvXfkr5aRO_g`
- Page: https://grabient.com/kWSxxgMQ4-kkPvXfkr5aRO_g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#24311d` | `oklch(29.53% 0.0386 135.00)` | Mountain Range Green | white, 13.6 to 1 |
| 2 | `#26331f` | `oklch(30.18% 0.0386 134.14)` | Mountain Range Green | white, 13.3 to 1 |
| 3 | `#293520` | `oklch(30.98% 0.0385 133.06)` | Rangitoto | white, 13 to 1 |
| 4 | `#2b3722` | `oklch(31.92% 0.0384 131.78)` | Black Leather Jacket | white, 12.5 to 1 |
| 5 | `#2f3a24` | `oklch(33.02% 0.0383 130.32)` | Matcha Ash | white, 12 to 1 |
| 6 | `#333d27` | `oklch(34.27% 0.0383 128.67)` | Green Kelp | white, 11.4 to 1 |
| 7 | `#37402a` | `oklch(35.69% 0.0383 126.87)` | Deep Seaweed | white, 10.8 to 1 |
| 8 | `#3c442e` | `oklch(37.28% 0.0384 124.93)` | Mallardish | white, 10.1 to 1 |
| 9 | `#414931` | `oklch(39.04% 0.0387 122.83)` | Rifle Green | white, 9.4 to 1 |
| 10 | `#474e36` | `oklch(41.09% 0.0390 120.43)` | Matsuba Green | white, 8.6 to 1 |
| 11 | `#4f543b` | `oklch(43.38% 0.0394 117.71)` | Amazon Depths | white, 7.8 to 1 |
| 12 | `#575b41` | `oklch(45.87% 0.0398 114.81)` | Pinetop | white, 7 to 1 |
| 13 | `#5f6147` | `oklch(48.48% 0.0403 111.82)` | Old Botanical Garden | white, 6.3 to 1 |
| 14 | `#68694d` | `oklch(51.12% 0.0409 108.85)` | Hemlock | white, 5.6 to 1 |
| 15 | `#717054` | `oklch(53.75% 0.0416 106.01)` | Secret Path | white, 5 to 1 |
| 16 | `#79775a` | `oklch(56.28% 0.0423 103.41)` | Kokoda | black, 4.5 to 1 |
| 17 | `#817d60` | `oklch(58.68% 0.0431 101.12)` | Thurman | black, 5 to 1 |
| 18 | `#8a8466` | `oklch(61.14% 0.0441 98.96)` | Bandicoot | black, 5.5 to 1 |
| 19 | `#938c6c` | `oklch(63.64% 0.0453 96.89)` | Urban Safari | black, 6.1 to 1 |
| 20 | `#9b9373` | `oklch(66.13% 0.0465 94.94)` | Mossy Gold | black, 6.8 to 1 |
| 21 | `#a49a79` | `oklch(68.55% 0.0477 93.14)` | Wheat Tortilla | black, 7.4 to 1 |
| 22 | `#aca07f` | `oklch(70.84% 0.0489 91.50)` | Ruskin Room Green | black, 8.1 to 1 |
| 23 | `#b4a784` | `oklch(72.93% 0.0499 90.04)` | Crocker Grove | black, 8.7 to 1 |
| 24 | `#baac89` | `oklch(74.78% 0.0508 88.78)` | Pavlova | black, 9.3 to 1 |
| 25 | `#c0b18d` | `oklch(76.36% 0.0515 87.77)` | Trailblazer | black, 9.9 to 1 |
| 26 | `#c5b591` | `oklch(77.73% 0.0520 87.01)` | Withered Moss | black, 10.3 to 1 |
| 27 | `#c9b994` | `oklch(78.91% 0.0525 86.47)` | Veranda Hills | black, 10.8 to 1 |
| 28 | `#cdbc97` | `oklch(79.93% 0.0528 86.10)` | Intimate Journal | black, 11.2 to 1 |
| 29 | `#d0be9a` | `oklch(80.80% 0.0531 85.84)` | Tumbling Tumbleweed | black, 11.5 to 1 |
| 30 | `#d2c19c` | `oklch(81.53% 0.0534 85.66)` | Dakota Trail | black, 11.8 to 1 |
| 31 | `#d4c39e` | `oklch(82.15% 0.0536 85.51)` | Champagne Beige | black, 12 to 1 |
| 32 | `#d6c49f` | `oklch(82.68% 0.0537 85.33)` | Aloof Lama | black, 12.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #24311d 0.0%, #26331f 3.2%, #293520 6.5%, #2b3722 9.7%, #2f3a24 12.9%, #333d27 16.1%, #37402a 19.4%, #3c442e 22.6%, #414931 25.8%, #474e36 29.0%, #4f543b 32.3%, #575b41 35.5%, #5f6147 38.7%, #68694d 41.9%, #717054 45.2%, #79775a 48.4%, #817d60 51.6%, #8a8466 54.8%, #938c6c 58.1%, #9b9373 61.3%, #a49a79 64.5%, #aca07f 67.7%, #b4a784 71.0%, #baac89 74.2%, #c0b18d 77.4%, #c5b591 80.6%, #c9b994 83.9%, #cdbc97 87.1%, #d0be9a 90.3%, #d2c19c 93.5%, #d4c39e 96.8%, #d6c49f 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.53% 0.0386 135.00) 0.0%, oklch(30.18% 0.0386 134.14) 3.2%, oklch(30.98% 0.0385 133.06) 6.5%, oklch(31.92% 0.0384 131.78) 9.7%, oklch(33.02% 0.0383 130.32) 12.9%, oklch(34.27% 0.0383 128.67) 16.1%, oklch(35.69% 0.0383 126.87) 19.4%, oklch(37.28% 0.0384 124.93) 22.6%, oklch(39.04% 0.0387 122.83) 25.8%, oklch(41.09% 0.0390 120.43) 29.0%, oklch(43.38% 0.0394 117.71) 32.3%, oklch(45.87% 0.0398 114.81) 35.5%, oklch(48.48% 0.0403 111.82) 38.7%, oklch(51.12% 0.0409 108.85) 41.9%, oklch(53.75% 0.0416 106.01) 45.2%, oklch(56.28% 0.0423 103.41) 48.4%, oklch(58.68% 0.0431 101.12) 51.6%, oklch(61.14% 0.0441 98.96) 54.8%, oklch(63.64% 0.0453 96.89) 58.1%, oklch(66.13% 0.0465 94.94) 61.3%, oklch(68.55% 0.0477 93.14) 64.5%, oklch(70.84% 0.0489 91.50) 67.7%, oklch(72.93% 0.0499 90.04) 71.0%, oklch(74.78% 0.0508 88.78) 74.2%, oklch(76.36% 0.0515 87.77) 77.4%, oklch(77.73% 0.0520 87.01) 80.6%, oklch(78.91% 0.0525 86.47) 83.9%, oklch(79.93% 0.0528 86.10) 87.1%, oklch(80.80% 0.0531 85.84) 90.3%, oklch(81.53% 0.0534 85.66) 93.5%, oklch(82.15% 0.0536 85.51) 96.8%, oklch(82.68% 0.0537 85.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.039 | 135 |
| 2 | 0.386 | 0.039 | 123.4 |
| 3 | 0.575 | 0.043 | 102.2 |
| 4 | 0.752 | 0.051 | 88.5 |
| 5 | 0.827 | 0.054 | 85.3 |

## In these collections

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

## Other forms

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