# Lemon and Periwinkle Rhythm

These diagonal bands move through pale blue, vivid gold, vivid blue, muted gold, blue, and deep gold. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Light blue, yellow, blue and brown linear swatches
- Seed: `kY1Di_8D2rUxJVREFyyOzXSyKTK8`
- Page: https://grabient.com/kY1Di_8D2rUxJVREFyyOzXSyKTK8?style=linearSwatches&steps=6&angle=300
- Drawn as: linear swatches, 6 steps, 300 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#b4c7fc` | `oklch(83.46% 0.0772 269.30)` | Night Snow | black, 12.5 to 1 |
| 2 | `#fbd632` | `oklch(88.19% 0.1695 94.93)` | Banana Pepper | black, 14.7 to 1 |
| 3 | `#5d6ef5` | `oklch(59.84% 0.2012 273.52)` | Blue Hepatica | black, 5 to 1 |
| 4 | `#707145` | `oklch(53.54% 0.0634 109.73)` | Wild Jungle | white, 5.1 to 1 |
| 5 | `#3950ab` | `oklch(46.46% 0.1474 269.30)` | Blasphemous Blue | white, 7.2 to 1 |
| 6 | `#2d2703` | `oklch(27.17% 0.0524 99.16)` | Black Swan | white, 14.9 to 1 |

## CSS

```css
background: linear-gradient(300deg, #b4c7fc 0.000% 16.667%, #fbd632 16.667% 33.333%, #5d6ef5 33.333% 50.000%, #707145 50.000% 66.667%, #3950ab 66.667% 83.333%, #2d2703 83.333% 100.000%);
background: linear-gradient(300deg, oklch(83.46% 0.0772 269.30) 0.000% 16.667%, oklch(88.19% 0.1695 94.93) 16.667% 33.333%, oklch(59.84% 0.2012 273.52) 33.333% 50.000%, oklch(53.54% 0.0634 109.73) 50.000% 66.667%, oklch(46.46% 0.1474 269.30) 66.667% 83.333%, oklch(27.17% 0.0524 99.16) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.077 | 269.3 |
| 2 | 0.882 | 0.169 | 94.9 |
| 3 | 0.598 | 0.201 | 273.5 |
| 4 | 0.535 | 0.063 | 109.7 |
| 5 | 0.465 | 0.147 | 269.3 |
| 6 | 0.272 | 0.052 | 99.2 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)

## Other forms

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