# Ochre and blue lemon blossom veranda palette

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

- Also called: Complementary yellow to blue linear gradient
- Seed: `kc4HhG67Y_mMqP1Zjb5UA4ucqvPdIvr9SkO_o`
- Page: https://grabient.com/kc4HhG67Y_mMqP1Zjb5UA4ucqvPdIvr9SkO_o?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.2 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 | `#f3d93e` | `oklch(88.19% 0.1654 99.14)` | Margarine | black, 14.8 to 1 |
| 2 | `#f2d740` | `oklch(87.69% 0.1631 98.68)` | Banana Drama | black, 14.5 to 1 |
| 3 | `#f0d442` | `oklch(87.01% 0.1599 98.04)` | Banana Drama | black, 14.2 to 1 |
| 4 | `#eed144` | `oklch(86.15% 0.1560 97.26)` | Aurora | black, 13.8 to 1 |
| 5 | `#ebcd47` | `oklch(85.13% 0.1511 96.37)` | Festival | black, 13.3 to 1 |
| 6 | `#e7c94a` | `oklch(83.94% 0.1457 95.45)` | Fall Meadow | black, 12.8 to 1 |
| 7 | `#e3c44c` | `oklch(82.54% 0.1402 94.59)` | Chicco d’Oro | black, 12.2 to 1 |
| 8 | `#debf4f` | `oklch(80.98% 0.1337 93.61)` | Buried Gold | black, 11.6 to 1 |
| 9 | `#d8b954` | `oklch(79.35% 0.1253 92.27)` | Gold Vein | black, 10.9 to 1 |
| 10 | `#d2b35b` | `oklch(77.72% 0.1139 90.44)` | Tanami Desert | black, 10.3 to 1 |
| 11 | `#c8af67` | `oklch(76.08% 0.0967 91.06)` | Champagne Grape | black, 9.8 to 1 |
| 12 | `#bdab74` | `oklch(74.38% 0.0758 92.69)` | Chicory Green | black, 9.2 to 1 |
| 13 | `#b4a67f` | `oklch(72.67% 0.0555 91.00)` | Sedia | black, 8.6 to 1 |
| 14 | `#ae9f86` | `oklch(70.96% 0.0401 81.64)` | White Pepper | black, 8.1 to 1 |
| 15 | `#ac9889` | `oklch(69.23% 0.0319 59.28)` | Chic Taupe | black, 7.5 to 1 |
| 16 | `#a7908e` | `oklch(67.43% 0.0278 23.47)` | Ash Hollow | black, 7 to 1 |
| 17 | `#9e8b96` | `oklch(65.66% 0.0279 342.99)` | Piano Mauve | black, 6.5 to 1 |
| 18 | `#91879c` | `oklch(64.02% 0.0324 306.96)` | Amethyst Smoke | black, 6.1 to 1 |
| 19 | `#8485a1` | `oklch(62.62% 0.0420 284.15)` | Velvet Curtain | black, 5.8 to 1 |
| 20 | `#7982a9` | `oklch(61.42% 0.0599 273.91)` | Roseine Plum | black, 5.5 to 1 |
| 21 | `#6f7fb4` | `oklch(60.39% 0.0832 271.06)` | Marvellous | black, 5.3 to 1 |
| 22 | `#687abf` | `oklch(59.51% 0.1073 271.56)` | Ultramarine Blue | black, 5.1 to 1 |
| 23 | `#6276c8` | `oklch(58.76% 0.1273 271.36)` | Indigo Light | black, 4.9 to 1 |
| 24 | `#5974ce` | `oklch(58.14% 0.1413 269.17)` | Indigo Light | black, 4.8 to 1 |
| 25 | `#5272d3` | `oklch(57.67% 0.1523 267.76)` | Cornflower | black, 4.7 to 1 |
| 26 | `#4d71d6` | `oklch(57.33% 0.1612 266.88)` | Cornflower | black, 4.6 to 1 |
| 27 | `#496fda` | `oklch(57.13% 0.1685 266.19)` | Cornflower | black, 4.5 to 1 |
| 28 | `#456fdd` | `oklch(57.10% 0.1748 265.42)` | Cornflower | white, 4.5 to 1 |
| 29 | `#4270e0` | `oklch(57.31% 0.1793 264.76)` | Royal Blue | black, 4.6 to 1 |
| 30 | `#4071e3` | `oklch(57.66% 0.1824 264.28)` | Skies of Cyberspace | black, 4.6 to 1 |
| 31 | `#4072e6` | `oklch(58.03% 0.1844 263.91)` | Skies of Cyberspace | black, 4.7 to 1 |
| 32 | `#3f73e7` | `oklch(58.27% 0.1860 263.64)` | Skies of Cyberspace | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f3d93e 0.0%, #f2d740 3.2%, #f0d442 6.5%, #eed144 9.7%, #ebcd47 12.9%, #e7c94a 16.1%, #e3c44c 19.4%, #debf4f 22.6%, #d8b954 25.8%, #d2b35b 29.0%, #c8af67 32.3%, #bdab74 35.5%, #b4a67f 38.7%, #ae9f86 41.9%, #ac9889 45.2%, #a7908e 48.4%, #9e8b96 51.6%, #91879c 54.8%, #8485a1 58.1%, #7982a9 61.3%, #6f7fb4 64.5%, #687abf 67.7%, #6276c8 71.0%, #5974ce 74.2%, #5272d3 77.4%, #4d71d6 80.6%, #496fda 83.9%, #456fdd 87.1%, #4270e0 90.3%, #4071e3 93.5%, #4072e6 96.8%, #3f73e7 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.19% 0.1654 99.14) 0.0%, oklch(87.69% 0.1631 98.68) 3.2%, oklch(87.01% 0.1599 98.04) 6.5%, oklch(86.15% 0.1560 97.26) 9.7%, oklch(85.13% 0.1511 96.37) 12.9%, oklch(83.94% 0.1457 95.45) 16.1%, oklch(82.54% 0.1402 94.59) 19.4%, oklch(80.98% 0.1337 93.61) 22.6%, oklch(79.35% 0.1253 92.27) 25.8%, oklch(77.72% 0.1139 90.44) 29.0%, oklch(76.08% 0.0967 91.06) 32.3%, oklch(74.38% 0.0758 92.69) 35.5%, oklch(72.67% 0.0555 91.00) 38.7%, oklch(70.96% 0.0401 81.64) 41.9%, oklch(69.23% 0.0319 59.28) 45.2%, oklch(67.43% 0.0278 23.47) 48.4%, oklch(65.66% 0.0279 342.99) 51.6%, oklch(64.02% 0.0324 306.96) 54.8%, oklch(62.62% 0.0420 284.15) 58.1%, oklch(61.42% 0.0599 273.91) 61.3%, oklch(60.39% 0.0832 271.06) 64.5%, oklch(59.51% 0.1073 271.56) 67.7%, oklch(58.76% 0.1273 271.36) 71.0%, oklch(58.14% 0.1413 269.17) 74.2%, oklch(57.67% 0.1523 267.76) 77.4%, oklch(57.33% 0.1612 266.88) 80.6%, oklch(57.13% 0.1685 266.19) 83.9%, oklch(57.10% 0.1748 265.42) 87.1%, oklch(57.31% 0.1793 264.76) 90.3%, oklch(57.66% 0.1824 264.28) 93.5%, oklch(58.03% 0.1844 263.91) 96.8%, oklch(58.27% 0.1860 263.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.165 | 99.1 |
| 2 | 0.846 | 0.149 | 96 |
| 3 | 0.78 | 0.116 | 90.7 |
| 4 | 0.705 | 0.037 | 76.9 |
| 5 | 0.63 | 0.039 | -71 |
| 6 | 0.587 | 0.13 | -89 |
| 7 | 0.571 | 0.172 | -94.2 |
| 8 | 0.583 | 0.186 | -96.4 |

## In these collections

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

## Other forms

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