# Sky Peach Light Bands

These five horizontal bands move through pale periwinkle, warm cream, soft caramel, light cyan, and blush pink. The balanced light colors give headings, backgrounds, borders, and small accents distinct roles without heavy contrast. Use them for stationery, lifestyle packaging, presentation slides, editorial layouts, or gentle interface themes that need several coordinated pale hues.

- Also called: Pastel rainbow from blue to pink linear swatches
- Seed: `kWwzm9d4tQVymwhnEtEaR1QI`
- Page: https://grabient.com/kWwzm9d4tQVymwhnEtEaR1QI?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel, light, rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2 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 | `#9cb3e6` | `oklch(76.77% 0.0785 265.78)` | Myrtle Flower | black, 10 to 1 |
| 2 | `#fee6db` | `oklch(94.09% 0.0303 44.22)` | French Manicure | black, 17.5 to 1 |
| 3 | `#d7985e` | `oklch(72.83% 0.1061 62.18)` | Bakelite Gold | black, 8.5 to 1 |
| 4 | `#9bcbd2` | `oklch(81.10% 0.0510 206.96)` | Surfside | black, 11.8 to 1 |
| 5 | `#edb2d3` | `oklch(82.68% 0.0799 344.33)` | Gumball | black, 11.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9cb3e6 0.000% 20.000%, #fee6db 20.000% 40.000%, #d7985e 40.000% 60.000%, #9bcbd2 60.000% 80.000%, #edb2d3 80.000% 100.000%);
background: linear-gradient(90deg, oklch(76.77% 0.0785 265.78) 0.000% 20.000%, oklch(94.09% 0.0303 44.22) 20.000% 40.000%, oklch(72.83% 0.1061 62.18) 40.000% 60.000%, oklch(81.10% 0.0510 206.96) 60.000% 80.000%, oklch(82.68% 0.0799 344.33) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.079 | 265.8 |
| 2 | 0.941 | 0.03 | 404.2 |
| 3 | 0.728 | 0.106 | 422.2 |
| 4 | 0.811 | 0.051 | 567 |
| 5 | 0.827 | 0.08 | 704.3 |

## In these collections

- [Light swatches](https://grabient.com/light-swatches)

## Other forms

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