# Periwinkle, coral and gold iridescent glass interface

The Periwinkle, coral and gold iridescent glass interface brings together blue, purple, light red, light orange, and gold. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Pastel tritone blue, lavender and beige linear swatches
- Seed: `kWsTnCVhbFVwYxplG8Q7RhDw`
- Page: https://grabient.com/kWsTnCVhbFVwYxplG8Q7RhDw?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#8d9bcf` | `oklch(69.69% 0.0785 272.81)` | Velvet Robe | black, 7.6 to 1 |
| 2 | `#a28db7` | `oklch(67.71% 0.0642 307.76)` | Wizard’s Brew | black, 7 to 1 |
| 3 | `#bf8fa2` | `oklch(70.06% 0.0641 352.80)` | Light Mauve | black, 7.6 to 1 |
| 4 | `#d89e94` | `oklch(75.14% 0.0715 30.23)` | Rhapsodic | black, 9.2 to 1 |
| 5 | `#e6b591` | `oklch(80.94% 0.0749 57.47)` | Southern Peach | black, 11.4 to 1 |
| 6 | `#e6cd9f` | `oklch(85.83% 0.0661 82.95)` | Chamois | black, 13.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #8d9bcf 0.000% 16.667%, #a28db7 16.667% 33.333%, #bf8fa2 33.333% 50.000%, #d89e94 50.000% 66.667%, #e6b591 66.667% 83.333%, #e6cd9f 83.333% 100.000%);
background: linear-gradient(180deg, oklch(69.69% 0.0785 272.81) 0.000% 16.667%, oklch(67.71% 0.0642 307.76) 16.667% 33.333%, oklch(70.06% 0.0641 352.80) 33.333% 50.000%, oklch(75.14% 0.0715 30.23) 50.000% 66.667%, oklch(80.94% 0.0749 57.47) 66.667% 83.333%, oklch(85.83% 0.0661 82.95) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.079 | 272.8 |
| 2 | 0.677 | 0.062 | 318.3 |
| 3 | 0.724 | 0.068 | 374.3 |
| 4 | 0.795 | 0.076 | 410.2 |
| 5 | 0.858 | 0.066 | 442.9 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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