# Blue and lime lemon blossom veranda palette

The Blue and lime lemon blossom veranda palette brings together dark blue, blue, light green, and green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is green.

- Also called: Dark blue, gray and green linear swatches
- Seed: `kYRWfBMD1AUKywFVkL2YpayOU0vq`
- Page: https://grabient.com/kYRWfBMD1AUKywFVkL2YpayOU0vq?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.5 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 | `#14156a` | `oklch(27.17% 0.1419 271.41)` | Dying Storm Blue | white, 15.6 to 1 |
| 2 | `#2d2e98` | `oklch(37.80% 0.1681 274.58)` | Depths of Night | white, 10.7 to 1 |
| 3 | `#595eb8` | `oklch(52.36% 0.1392 277.75)` | Yuè Guāng Lán Moonlight | white, 5.6 to 1 |
| 4 | `#8598b3` | `oklch(67.32% 0.0455 257.67)` | Monsoon Season | black, 7.1 to 1 |
| 5 | `#a0c09c` | `oklch(77.56% 0.0620 141.43)` | Spruce Stone | black, 10.5 to 1 |
| 6 | `#9bcf67` | `oklch(79.53% 0.1447 130.86)` | Be Spontaneous | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #14156a 0.000% 16.667%, #2d2e98 16.667% 33.333%, #595eb8 33.333% 50.000%, #8598b3 50.000% 66.667%, #a0c09c 66.667% 83.333%, #9bcf67 83.333% 100.000%);
background: linear-gradient(90deg, oklch(27.17% 0.1419 271.41) 0.000% 16.667%, oklch(37.80% 0.1681 274.58) 16.667% 33.333%, oklch(52.36% 0.1392 277.75) 33.333% 50.000%, oklch(67.32% 0.0455 257.67) 50.000% 66.667%, oklch(77.56% 0.0620 141.43) 66.667% 83.333%, oklch(79.53% 0.1447 130.86) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.142 | 271.4 |
| 2 | 0.378 | 0.168 | 274.6 |
| 3 | 0.524 | 0.139 | 277.7 |
| 4 | 0.673 | 0.045 | 257.7 |
| 5 | 0.776 | 0.062 | 141.4 |
| 6 | 0.795 | 0.145 | 130.9 |

## In these collections

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

## Other forms

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