# Stone, peach and sky blue muted multicolor

The Stone, peach and sky blue muted multicolor brings together light green, light orange, light purple, and light blue. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its lightest and darkest tones both fall within the light orange color family.

- Also called: Gray, beige and light blue linear swatches
- Seed: `kYySdj5As5OqPPbsiT3Zgy0WWUO0`
- Page: https://grabient.com/kYySdj5As5OqPPbsiT3Zgy0WWUO0?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: even lightness, neutral, light
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 1.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 | `#a9c4a3` | `oklch(79.13% 0.0537 139.92)` | Green Bark | black, 11.1 to 1 |
| 2 | `#b7be9f` | `oklch(78.72% 0.0439 118.26)` | Quiet Waters | black, 10.8 to 1 |
| 3 | `#c1b9a2` | `oklch(78.49% 0.0325 90.83)` | Tidal Foam | black, 10.6 to 1 |
| 4 | `#c9baa7` | `oklch(79.72% 0.0313 75.40)` | Dhurrie Beige | black, 11.1 to 1 |
| 5 | `#d6c1ab` | `oklch(82.21% 0.0384 68.69)` | Wild Porcini | black, 12 to 1 |
| 6 | `#dfc6b0` | `oklch(84.13% 0.0408 62.56)` | Arabian Sands | black, 12.8 to 1 |
| 7 | `#e0caba` | `oklch(85.29% 0.0332 59.81)` | Pebbled Courtyard | black, 13.3 to 1 |
| 8 | `#decbc1` | `oklch(85.55% 0.0254 50.18)` | Nana’s Pearls | black, 13.4 to 1 |
| 9 | `#dbc4c5` | `oklch(84.05% 0.0257 16.87)` | Bunny Pink | black, 12.7 to 1 |
| 10 | `#cebbcc` | `oklch(81.42% 0.0306 329.88)` | Antique Heather | black, 11.6 to 1 |
| 11 | `#c0b9d3` | `oklch(79.97% 0.0375 297.20)` | Lemures | black, 11.1 to 1 |
| 12 | `#b6bbdc` | `oklch(79.82% 0.0474 279.02)` | Wish | black, 11 to 1 |
| 13 | `#aebde2` | `oklch(79.92% 0.0551 268.49)` | Promise | black, 11.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a9c4a3 0.000% 7.692%, #b7be9f 7.692% 15.385%, #c1b9a2 15.385% 23.077%, #c9baa7 23.077% 30.769%, #d6c1ab 30.769% 38.462%, #dfc6b0 38.462% 46.154%, #e0caba 46.154% 53.846%, #decbc1 53.846% 61.538%, #dbc4c5 61.538% 69.231%, #cebbcc 69.231% 76.923%, #c0b9d3 76.923% 84.615%, #b6bbdc 84.615% 92.308%, #aebde2 92.308% 100.000%);
background: linear-gradient(90deg, oklch(79.13% 0.0537 139.92) 0.000% 7.692%, oklch(78.72% 0.0439 118.26) 7.692% 15.385%, oklch(78.49% 0.0325 90.83) 15.385% 23.077%, oklch(79.72% 0.0313 75.40) 23.077% 30.769%, oklch(82.21% 0.0384 68.69) 30.769% 38.462%, oklch(84.13% 0.0408 62.56) 38.462% 46.154%, oklch(85.29% 0.0332 59.81) 46.154% 53.846%, oklch(85.55% 0.0254 50.18) 53.846% 61.538%, oklch(84.05% 0.0257 16.87) 61.538% 69.231%, oklch(81.42% 0.0306 329.88) 69.231% 76.923%, oklch(79.97% 0.0375 297.20) 76.923% 84.615%, oklch(79.82% 0.0474 279.02) 84.615% 92.308%, oklch(79.92% 0.0551 268.49) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.054 | 139.9 |
| 2 | 0.787 | 0.03 | 82.9 |
| 3 | 0.839 | 0.041 | 63.8 |
| 4 | 0.854 | 0.025 | 45.9 |
| 5 | 0.803 | 0.034 | -52.4 |
| 6 | 0.799 | 0.055 | -91.5 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)

## Other forms

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