# Lime and periwinkle yellow and blue palette

The Lime and periwinkle yellow and blue palette brings together light yellow, pale yellow, off-white, pale teal, and light blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light blue, and its lightest tone is off-white.

- Also called: Complementary yellow, white and blue linear gradient
- Seed: `kW-GRNfKK__4FwT2FUv2zFGI`
- Page: https://grabient.com/kW-GRNfKK__4FwT2FUv2zFGI
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#fffe94` | `oklch(97.64% 0.1292 108.29)` | Pastel Yellow | black, 19.9 to 1 |
| 2 | `#fffea8` | `oklch(97.83% 0.1063 107.50)` | Ginger Lemon Tea | black, 19.9 to 1 |
| 3 | `#ffffcb` | `oklch(98.64% 0.0667 107.66)` | Old Ivory | black, 20.3 to 1 |
| 4 | `#fbfef3` | `oklch(99.21% 0.0152 118.85)` | Milk | black, 20.5 to 1 |
| 5 | `#d9fcf7` | `oklch(96.40% 0.0365 186.72)` | Ice | black, 19.1 to 1 |
| 6 | `#a8d8ff` | `oklch(86.15% 0.0741 243.46)` | Malmö FF | black, 13.9 to 1 |
| 7 | `#889cf8` | `oklch(71.65% 0.1350 273.13)` | Periwinkle Blue | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fffe94 0.0%, #fffea8 16.7%, #ffffcb 33.3%, #fbfef3 50.0%, #d9fcf7 66.7%, #a8d8ff 83.3%, #889cf8 100.0%);
background: linear-gradient(90deg in oklch, oklch(97.64% 0.1292 108.29) 0.0%, oklch(97.83% 0.1063 107.50) 16.7%, oklch(98.64% 0.0667 107.66) 33.3%, oklch(99.21% 0.0152 118.85) 50.0%, oklch(96.40% 0.0365 186.72) 66.7%, oklch(86.15% 0.0741 243.46) 83.3%, oklch(71.65% 0.1350 273.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.138 | 108.3 |
| 2 | 0.98 | 0.095 | 108.3 |
| 3 | 0.992 | 0.015 | 118.8 |
| 4 | 0.929 | 0.058 | 220.3 |
| 5 | 0.717 | 0.135 | 273.1 |

## In these collections

- [Yellow and blue gradients](https://grabient.com/yellow-and-blue-gradients)

## Other forms

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