# Mint Apricot Light Stripes

These six diagonal bands move through blue-gray, pale yellow-green, soft apricot, clear sky blue, fresh mint, and warm taupe. The separated colors give backgrounds, headings, dividers, and small accents practical roles. Use them for spring packaging, educational graphics, editorial layouts, stationery, or presentation covers that need a light multicolor set with clean contrast.

- Also called: Pastel blue, beige, peach and gray linear swatches
- Seed: `kYuBydeZSzuSYuFmI1RZSc4eSONm`
- Page: https://grabient.com/kYuBydeZSzuSYuFmI1RZSc4eSONm?style=linearSwatches&steps=6&angle=60
- Drawn as: linear swatches, 6 steps, 60 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#8cacb7` | `oklch(72.44% 0.0386 220.78)` | Aquitaine | black, 8.7 to 1 |
| 2 | `#edf6cc` | `oklch(95.67% 0.0565 117.22)` | Snow Flurry | black, 18.7 to 1 |
| 3 | `#dfb093` | `oklch(79.13% 0.0675 52.76)` | Bedtime Story | black, 10.7 to 1 |
| 4 | `#75ccee` | `oklch(80.31% 0.0965 225.01)` | Below Zero | black, 11.6 to 1 |
| 5 | `#78d2a7` | `oklch(79.53% 0.1075 161.60)` | Crystal Gem | black, 11.5 to 1 |
| 6 | `#c8b9a0` | `oklch(79.13% 0.0386 81.29)` | Forgotten Gold | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(60deg, #8cacb7 0.000% 16.667%, #edf6cc 16.667% 33.333%, #dfb093 33.333% 50.000%, #75ccee 50.000% 66.667%, #78d2a7 66.667% 83.333%, #c8b9a0 83.333% 100.000%);
background: linear-gradient(60deg, oklch(72.44% 0.0386 220.78) 0.000% 16.667%, oklch(95.67% 0.0565 117.22) 16.667% 33.333%, oklch(79.13% 0.0675 52.76) 33.333% 50.000%, oklch(80.31% 0.0965 225.01) 50.000% 66.667%, oklch(79.53% 0.1075 161.60) 66.667% 83.333%, oklch(79.13% 0.0386 81.29) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.039 | 220.8 |
| 2 | 0.957 | 0.056 | 117.2 |
| 3 | 0.791 | 0.068 | 52.8 |
| 4 | 0.803 | 0.096 | 225 |
| 5 | 0.795 | 0.107 | 161.6 |
| 6 | 0.791 | 0.039 | 81.3 |

## In these collections

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

## Other forms

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