# Stone, coral and tan color palette

The Stone, coral and tan color palette brings together light gray, light green, light red, light blue, and orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is light gray.

- Also called: Gray, pink, light blue and brown linear swatches
- Seed: `kW4glgape_-MZspbkjBSxJR4`
- Page: https://grabient.com/kW4glgape_-MZspbkjBSxJR4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3 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 | `#d7ddd4` | `oklch(88.98% 0.0124 135.00)` | Crushed Limestone | black, 15.1 to 1 |
| 2 | `#b8d4aa` | `oklch(83.86% 0.0648 135.00)` | Jaded Lime | black, 13 to 1 |
| 3 | `#e1a6a3` | `oklch(77.95% 0.0703 21.93)` | Pastel Pink | black, 10.1 to 1 |
| 4 | `#8ea8c3` | `oklch(72.05% 0.0496 249.83)` | Dresden Doll | black, 8.5 to 1 |
| 5 | `#987466` | `oklch(59.06% 0.0496 42.01)` | Temptation | black, 5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d7ddd4 0.000% 20.000%, #b8d4aa 20.000% 40.000%, #e1a6a3 40.000% 60.000%, #8ea8c3 60.000% 80.000%, #987466 80.000% 100.000%);
background: linear-gradient(90deg, oklch(88.98% 0.0124 135.00) 0.000% 20.000%, oklch(83.86% 0.0648 135.00) 20.000% 40.000%, oklch(77.95% 0.0703 21.93) 40.000% 60.000%, oklch(72.05% 0.0496 249.83) 60.000% 80.000%, oklch(59.06% 0.0496 42.01) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.012 | 135 |
| 2 | 0.839 | 0.065 | 135 |
| 3 | 0.78 | 0.07 | 21.9 |
| 4 | 0.72 | 0.05 | -110.2 |
| 5 | 0.591 | 0.05 | 42 |

## In these collections

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

## Other forms

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