# Mustard and turquoise lemon blossom veranda palette

The Mustard and turquoise lemon blossom veranda palette brings together yellow, gold, teal, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Muted rainbow from yellow to gray angular swatches
- Seed: `kY6JFSZblAMuOSg8uUhQJXBdaXVg`
- Page: https://grabient.com/kY6JFSZblAMuOSg8uUhQJXBdaXVg?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#dff127` | `oklch(91.34% 0.1998 115.31)` | Stadium Grass | black, 16.7 to 1 |
| 2 | `#b6ca44` | `oklch(79.92% 0.1571 117.43)` | Forsythia Bud | black, 11.5 to 1 |
| 3 | `#648689` | `oklch(59.45% 0.0386 203.02)` | Arctic | black, 5.2 to 1 |
| 4 | `#444fb3` | `oklch(47.64% 0.1571 273.83)` | Night in Manchester | white, 6.9 to 1 |
| 5 | `#636186` | `oklch(50.79% 0.0593 286.51)` | Pharaoh Purple | white, 5.8 to 1 |
| 6 | `#989d70` | `oklch(68.11% 0.0634 113.55)` | Domain | black, 7.4 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #dff127 0.000% 16.667%, #b6ca44 16.667% 33.333%, #648689 33.333% 50.000%, #444fb3 50.000% 66.667%, #636186 66.667% 83.333%, #989d70 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(91.34% 0.1998 115.31) 0.000% 16.667%, oklch(79.92% 0.1571 117.43) 16.667% 33.333%, oklch(59.45% 0.0386 203.02) 33.333% 50.000%, oklch(47.64% 0.1571 273.83) 50.000% 66.667%, oklch(50.79% 0.0593 286.51) 66.667% 83.333%, oklch(68.11% 0.0634 113.55) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.2 | 115.3 |
| 2 | 0.799 | 0.157 | 117.4 |
| 3 | 0.594 | 0.039 | 203 |
| 4 | 0.476 | 0.157 | 273.8 |
| 5 | 0.508 | 0.059 | 286.5 |
| 6 | 0.681 | 0.063 | 473.6 |

## In these collections

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

## Other forms

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