# Indigo, mustard and lime spring garden wedding

The Indigo, mustard and lime spring garden wedding brings together blue, yellow, gold, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits invitation suites and ceremony stationery. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Blue, dark gray, olive and green linear swatches
- Seed: `kYXmG-L4xC8MX0taNUE5DzBl44wU`
- Page: https://grabient.com/kYXmG-L4xC8MX0taNUE5DzBl44wU?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#213785` | `oklch(37.01% 0.1337 267.19)` | Surf the Web | white, 10.7 to 1 |
| 2 | `#413e51` | `oklch(37.40% 0.0331 292.55)` | Artistic Licence | white, 10.3 to 1 |
| 3 | `#786a3e` | `oklch(52.76% 0.0648 92.12)` | Racoon Eyes | white, 5.3 to 1 |
| 4 | `#b3a40f` | `oklch(70.87% 0.1461 102.69)` | Snakebite Leather | black, 8.2 to 1 |
| 5 | `#b4c62e` | `oklch(78.74% 0.1667 116.42)` | Rio Grande | black, 11 to 1 |
| 6 | `#8ebd46` | `oklch(74.02% 0.1557 128.05)` | Frog on a Log | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #213785 0.000% 16.667%, #413e51 16.667% 33.333%, #786a3e 33.333% 50.000%, #b3a40f 50.000% 66.667%, #b4c62e 66.667% 83.333%, #8ebd46 83.333% 100.000%);
background: linear-gradient(180deg, oklch(37.01% 0.1337 267.19) 0.000% 16.667%, oklch(37.40% 0.0331 292.55) 16.667% 33.333%, oklch(52.76% 0.0648 92.12) 33.333% 50.000%, oklch(70.87% 0.1461 102.69) 50.000% 66.667%, oklch(78.74% 0.1667 116.42) 66.667% 83.333%, oklch(74.02% 0.1557 128.05) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.134 | 267.2 |
| 2 | 0.374 | 0.033 | 292.5 |
| 3 | 0.528 | 0.065 | 452.1 |
| 4 | 0.709 | 0.146 | 462.7 |
| 5 | 0.787 | 0.167 | 476.4 |
| 6 | 0.74 | 0.156 | 488 |

## In these collections

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

## Other forms

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