# Periwinkle and gold purple and yellow palette

The Periwinkle and gold purple and yellow palette brings together light blue, pale purple, pale yellow, and gold. The colors span a narrow 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 pale yellow.

- Also called: Pastel lavender, beige and tan linear swatches
- Seed: `kWyTPRc47BPedUnupL85aC_A`
- Page: https://grabient.com/kWyTPRc47BPedUnupL85aC_A?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.6 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 | `#bdb3e4` | `oklch(79.13% 0.0703 293.91)` | Beloved | black, 10.7 to 1 |
| 2 | `#e7dbf7` | `oklch(90.94% 0.0400 304.47)` | Pouty Purple | black, 15.8 to 1 |
| 3 | `#f7eeb0` | `oklch(94.09% 0.0799 100.87)` | Golden Straw | black, 17.7 to 1 |
| 4 | `#e9d486` | `oklch(87.01% 0.1006 94.53)` | Paved With Gold | black, 14.2 to 1 |
| 5 | `#d6ba79` | `oklch(79.92% 0.0896 87.14)` | Further Afield | black, 11.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bdb3e4 0.000% 20.000%, #e7dbf7 20.000% 40.000%, #f7eeb0 40.000% 60.000%, #e9d486 60.000% 80.000%, #d6ba79 80.000% 100.000%);
background: linear-gradient(135deg, oklch(79.13% 0.0703 293.91) 0.000% 20.000%, oklch(90.94% 0.0400 304.47) 20.000% 40.000%, oklch(94.09% 0.0799 100.87) 40.000% 60.000%, oklch(87.01% 0.1006 94.53) 60.000% 80.000%, oklch(79.92% 0.0896 87.14) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.07 | 293.9 |
| 2 | 0.909 | 0.04 | 304.5 |
| 3 | 0.941 | 0.08 | 460.9 |
| 4 | 0.87 | 0.101 | 454.5 |
| 5 | 0.799 | 0.09 | 447.1 |

## In these collections

- [Purple and yellow swatches](https://grabient.com/purple-and-yellow-swatches)

## Other forms

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