# Indigo and mustard lemon blossom veranda palette

The Indigo and mustard lemon blossom veranda palette brings together blue, green, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Complementary blue, gray and olive linear swatches
- Seed: `kYdm2_ww0_NUVLpktj-abs_2I1wA`
- Page: https://grabient.com/kYdm2_ww0_NUVLpktj-abs_2I1wA?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.3 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 | `#394fac` | `oklch(46.46% 0.1502 269.30)` | Blasphemous Blue | white, 7.2 to 1 |
| 2 | `#606b80` | `oklch(52.76% 0.0358 262.96)` | Clooney | white, 5.3 to 1 |
| 3 | `#939a71` | `oklch(66.93% 0.0579 116.07)` | Alamosa Green | black, 7 to 1 |
| 4 | `#bcc445` | `oklch(79.13% 0.1488 112.90)` | Tropic Canary | black, 11.1 to 1 |
| 5 | `#cbd13f` | `oklch(83.07% 0.1626 111.84)` | Yellow-Green Grosbeak | black, 12.7 to 1 |
| 6 | `#b6be3f` | `oklch(77.17% 0.1474 112.90)` | Celery | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #394fac 0.000% 16.667%, #606b80 16.667% 33.333%, #939a71 33.333% 50.000%, #bcc445 50.000% 66.667%, #cbd13f 66.667% 83.333%, #b6be3f 83.333% 100.000%);
background: linear-gradient(180deg, oklch(46.46% 0.1502 269.30) 0.000% 16.667%, oklch(52.76% 0.0358 262.96) 16.667% 33.333%, oklch(66.93% 0.0579 116.07) 33.333% 50.000%, oklch(79.13% 0.1488 112.90) 50.000% 66.667%, oklch(83.07% 0.1626 111.84) 66.667% 83.333%, oklch(77.17% 0.1474 112.90) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.15 | 269.3 |
| 2 | 0.528 | 0.036 | 263 |
| 3 | 0.669 | 0.058 | 116.1 |
| 4 | 0.791 | 0.149 | 112.9 |
| 5 | 0.831 | 0.163 | 111.8 |
| 6 | 0.772 | 0.147 | 112.9 |

## In these collections

- [Lemon blossom veranda](https://grabient.com/lemon-blossom-veranda)

## Other forms

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