# Soft Market Pastel Bands

These six horizontal bands move through powder blue, muted gold, pale yellow-green, dusty sky blue, soft rose, and warm beige. Their measured contrast gives panels, labels, charts, borders, and accents separate roles. Use them for retail packaging, editorial spreads, presentations, or friendly interface themes that need a grounded pastel range.

- Also called: Pastel blue, tan and green linear swatches
- Seed: `kY3CW7ZiLU_iYRPiFs24o5Rt6Sww`
- Page: https://grabient.com/kY3CW7ZiLU_iYRPiFs24o5Rt6Sww?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: pastel, light
- Hues: two-hue
- 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 | `#c2d4f5` | `oklch(86.61% 0.0510 262.97)` | Mr. Glass | black, 13.9 to 1 |
| 2 | `#dfb876` | `oklch(80.31% 0.0951 80.50)` | Veranda Yellow | black, 11.2 to 1 |
| 3 | `#e6f6c5` | `oklch(94.88% 0.0661 122.77)` | Snow Flurry | black, 18.3 to 1 |
| 4 | `#91bbd8` | `oklch(77.17% 0.0620 239.02)` | Manakin | black, 10.2 to 1 |
| 5 | `#ceada8` | `oklch(77.56% 0.0386 29.07)` | Lime Hawk Moth | black, 10.1 to 1 |
| 6 | `#c6a48e` | `oklch(74.41% 0.0510 55.49)` | Peanut Butter Crust | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #c2d4f5 0.000% 16.667%, #dfb876 16.667% 33.333%, #e6f6c5 33.333% 50.000%, #91bbd8 50.000% 66.667%, #ceada8 66.667% 83.333%, #c6a48e 83.333% 100.000%);
background: linear-gradient(180deg, oklch(86.61% 0.0510 262.97) 0.000% 16.667%, oklch(80.31% 0.0951 80.50) 16.667% 33.333%, oklch(94.88% 0.0661 122.77) 33.333% 50.000%, oklch(77.17% 0.0620 239.02) 50.000% 66.667%, oklch(77.56% 0.0386 29.07) 66.667% 83.333%, oklch(74.41% 0.0510 55.49) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.051 | 263 |
| 2 | 0.803 | 0.095 | 440.5 |
| 3 | 0.949 | 0.066 | 482.8 |
| 4 | 0.772 | 0.062 | 599 |
| 5 | 0.776 | 0.039 | 749.1 |
| 6 | 0.744 | 0.051 | 775.5 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)

## Other forms

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