# Lavender and yellow summer palette

The Lavender and yellow summer palette brings together light purple, purple, magenta, light red, light yellow, and pale yellow. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is purple, and its lightest tone is pale yellow.

- Also called: Purple, pink, yellow and beige linear swatches
- Seed: `kcuYzbUNVAdnPQznJsXe7PJnu2v58qkA_Zc_4`
- Page: https://grabient.com/kcuYzbUNVAdnPQznJsXe7PJnu2v58qkA_Zc_4?style=linearSwatches&steps=8
- Drawn as: linear swatches, 8 steps, 90 degrees
- Kinds: vivid, light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#c783ff` | `oklch(72.83% 0.1846 307.97)` | Grass Pink Orchid | black, 8.1 to 1 |
| 2 | `#b950ed` | `oklch(63.39% 0.2343 312.20)` | Light Shōtoku Purple | black, 5.4 to 1 |
| 3 | `#f25cca` | `oklch(70.47% 0.2177 339.67)` | Kinky Pinky | black, 7.1 to 1 |
| 4 | `#fea799` | `oklch(81.10% 0.1061 29.34)` | Poised Peach | black, 11.2 to 1 |
| 5 | `#faff88` | `oklch(97.24% 0.1419 110.71)` | Cinque Foil | black, 19.7 to 1 |
| 6 | `#fffd90` | `oklch(97.24% 0.1311 107.54)` | Pastel Yellow | black, 19.6 to 1 |
| 7 | `#fcffb1` | `oklch(98.03% 0.0980 109.64)` | VIC 20 Creme | black, 20 to 1 |
| 8 | `#fdffd6` | `oklch(98.82% 0.0529 109.64)` | Matt White | black, 20.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c783ff 0.000% 12.500%, #b950ed 12.500% 25.000%, #f25cca 25.000% 37.500%, #fea799 37.500% 50.000%, #faff88 50.000% 62.500%, #fffd90 62.500% 75.000%, #fcffb1 75.000% 87.500%, #fdffd6 87.500% 100.000%);
background: linear-gradient(90deg, oklch(72.83% 0.1846 307.97) 0.000% 12.500%, oklch(63.39% 0.2343 312.20) 12.500% 25.000%, oklch(70.47% 0.2177 339.67) 25.000% 37.500%, oklch(81.10% 0.1061 29.34) 37.500% 50.000%, oklch(97.24% 0.1419 110.71) 50.000% 62.500%, oklch(97.24% 0.1311 107.54) 62.500% 75.000%, oklch(98.03% 0.0980 109.64) 75.000% 87.500%, oklch(98.82% 0.0529 109.64) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.728 | 0.193 | 308 |
| 2 | 0.634 | 0.234 | 312.2 |
| 3 | 0.705 | 0.218 | 339.7 |
| 4 | 0.811 | 0.106 | 389.3 |
| 5 | 0.972 | 0.142 | 470.7 |
| 6 | 0.972 | 0.15 | 467.5 |
| 7 | 0.98 | 0.116 | 469.7 |
| 8 | 0.988 | 0.063 | 469.7 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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