# Blue and gold lemon blossom veranda palette

The Blue and gold lemon blossom veranda palette brings together blue, light blue, and light yellow. The colors span a broad lightness range, combining moderate 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 light yellow.

- Also called: Complementary blue, gray and tan linear gradient
- Seed: `kYbCe1w56_ViavzqCj08IqyuoXvg`
- Page: https://grabient.com/kYbCe1w56_ViavzqCj08IqyuoXvg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, pastel, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#3a506c` | `oklch(42.52% 0.0537 255.23)` | Blue Flag | white, 8.2 to 1 |
| 2 | `#3b5371` | `oklch(43.57% 0.0574 254.69)` | Albeit | white, 7.9 to 1 |
| 3 | `#3c5777` | `oklch(44.95% 0.0627 253.96)` | Star Spangled | white, 7.4 to 1 |
| 4 | `#3d5c80` | `oklch(46.62% 0.0690 253.08)` | Atlantic Schooner | white, 6.9 to 1 |
| 5 | `#3f6188` | `oklch(48.51% 0.0751 252.12)` | Functional Blue | white, 6.3 to 1 |
| 6 | `#416891` | `oklch(50.56% 0.0803 251.12)` | Sea of Galilee | white, 5.8 to 1 |
| 7 | `#446e9a` | `oklch(52.71% 0.0837 250.14)` | Postwar Boom | white, 5.3 to 1 |
| 8 | `#4975a1` | `oklch(55.01% 0.0849 249.31)` | Billycart Blue | white, 4.8 to 1 |
| 9 | `#4f7da9` | `oklch(57.60% 0.0849 248.69)` | Aleutian Isle | black, 4.8 to 1 |
| 10 | `#5886b1` | `oklch(60.37% 0.0838 248.10)` | Blue Smart | black, 5.4 to 1 |
| 11 | `#608eb9` | `oklch(63.21% 0.0817 247.34)` | Cliff Blue | black, 6 to 1 |
| 12 | `#6a97c0` | `oklch(66.02% 0.0787 246.21)` | Windstorm | black, 6.8 to 1 |
| 13 | `#72a0c6` | `oklch(68.68% 0.0748 244.50)` | Key West Zenith | black, 7.5 to 1 |
| 14 | `#7ba8ca` | `oklch(71.16% 0.0698 242.40)` | Mirror Lake | black, 8.2 to 1 |
| 15 | `#87afce` | `oklch(73.65% 0.0626 241.00)` | Mini Bay | black, 9 to 1 |
| 16 | `#93b7d1` | `oklch(76.10% 0.0540 239.59)` | Sea Mark | black, 9.9 to 1 |
| 17 | `#9ebed3` | `oklch(78.44% 0.0451 237.25)` | Blue Crab Escape | black, 10.7 to 1 |
| 18 | `#a9c4d4` | `oklch(80.59% 0.0368 233.08)` | Thunder Chi | black, 11.5 to 1 |
| 19 | `#b2cad5` | `oklch(82.48% 0.0303 226.19)` | Take Five | black, 12.3 to 1 |
| 20 | `#b8cfd6` | `oklch(84.06% 0.0263 215.45)` | Lament Blue | black, 12.9 to 1 |
| 21 | `#bed4d5` | `oklch(85.41% 0.0240 199.18)` | Coast to Coast | black, 13.5 to 1 |
| 22 | `#c3d8d3` | `oklch(86.55% 0.0231 179.04)` | Geyser | black, 14 to 1 |
| 23 | `#cadbd0` | `oklch(87.45% 0.0234 157.37)` | Tenderness | black, 14.5 to 1 |
| 24 | `#d1dccc` | `oklch(88.10% 0.0246 136.49)` | St. Augustine | black, 14.7 to 1 |
| 25 | `#d7dcc8` | `oklch(88.49% 0.0267 118.74)` | Silver Laurel | black, 14.9 to 1 |
| 26 | `#dbdbc5` | `oklch(88.57% 0.0296 106.37)` | I Miss You | black, 14.9 to 1 |
| 27 | `#ddd9bf` | `oklch(88.16% 0.0342 98.99)` | Dream Grass | black, 14.7 to 1 |
| 28 | `#ddd6b8` | `oklch(87.31% 0.0406 94.98)` | Handmade Linen | black, 14.3 to 1 |
| 29 | `#dcd2af` | `oklch(86.23% 0.0477 93.33)` | Stardust | black, 13.8 to 1 |
| 30 | `#dacea6` | `oklch(85.10% 0.0546 93.05)` | Stonebread | black, 13.3 to 1 |
| 31 | `#d8cb9e` | `oklch(84.11% 0.0606 93.10)` | Ground Ginger | black, 12.9 to 1 |
| 32 | `#d7c899` | `oklch(83.46% 0.0648 92.49)` | Parsnip | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3a506c 0.0%, #3b5371 3.2%, #3c5777 6.5%, #3d5c80 9.7%, #3f6188 12.9%, #416891 16.1%, #446e9a 19.4%, #4975a1 22.6%, #4f7da9 25.8%, #5886b1 29.0%, #608eb9 32.3%, #6a97c0 35.5%, #72a0c6 38.7%, #7ba8ca 41.9%, #87afce 45.2%, #93b7d1 48.4%, #9ebed3 51.6%, #a9c4d4 54.8%, #b2cad5 58.1%, #b8cfd6 61.3%, #bed4d5 64.5%, #c3d8d3 67.7%, #cadbd0 71.0%, #d1dccc 74.2%, #d7dcc8 77.4%, #dbdbc5 80.6%, #ddd9bf 83.9%, #ddd6b8 87.1%, #dcd2af 90.3%, #dacea6 93.5%, #d8cb9e 96.8%, #d7c899 100.0%);
background: linear-gradient(90deg in oklch, oklch(42.52% 0.0537 255.23) 0.0%, oklch(43.57% 0.0574 254.69) 3.2%, oklch(44.95% 0.0627 253.96) 6.5%, oklch(46.62% 0.0690 253.08) 9.7%, oklch(48.51% 0.0751 252.12) 12.9%, oklch(50.56% 0.0803 251.12) 16.1%, oklch(52.71% 0.0837 250.14) 19.4%, oklch(55.01% 0.0849 249.31) 22.6%, oklch(57.60% 0.0849 248.69) 25.8%, oklch(60.37% 0.0838 248.10) 29.0%, oklch(63.21% 0.0817 247.34) 32.3%, oklch(66.02% 0.0787 246.21) 35.5%, oklch(68.68% 0.0748 244.50) 38.7%, oklch(71.16% 0.0698 242.40) 41.9%, oklch(73.65% 0.0626 241.00) 45.2%, oklch(76.10% 0.0540 239.59) 48.4%, oklch(78.44% 0.0451 237.25) 51.6%, oklch(80.59% 0.0368 233.08) 54.8%, oklch(82.48% 0.0303 226.19) 58.1%, oklch(84.06% 0.0263 215.45) 61.3%, oklch(85.41% 0.0240 199.18) 64.5%, oklch(86.55% 0.0231 179.04) 67.7%, oklch(87.45% 0.0234 157.37) 71.0%, oklch(88.10% 0.0246 136.49) 74.2%, oklch(88.49% 0.0267 118.74) 77.4%, oklch(88.57% 0.0296 106.37) 80.6%, oklch(88.16% 0.0342 98.99) 83.9%, oklch(87.31% 0.0406 94.98) 87.1%, oklch(86.23% 0.0477 93.33) 90.3%, oklch(85.10% 0.0546 93.05) 93.5%, oklch(84.11% 0.0606 93.10) 96.8%, oklch(83.46% 0.0648 92.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.054 | 255.2 |
| 2 | 0.531 | 0.084 | 250 |
| 3 | 0.697 | 0.073 | 243.6 |
| 4 | 0.835 | 0.028 | 220.4 |
| 5 | 0.886 | 0.029 | 108.3 |
| 6 | 0.835 | 0.065 | 92.5 |

## In these collections

- [Light UI gradients](https://grabient.com/light-ui-gradients)
- [Lemon blossom veranda](https://grabient.com/lemon-blossom-veranda)

## Other forms

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