# Stone, indigo and turquoise color palette

The Stone, indigo and turquoise color palette brings together light orange, light red, magenta, blue, and teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Gray, pink and blue linear swatches
- Seed: `ka0RIk45w7NibPROG7czSw8NUsvleqL2g`
- Page: https://grabient.com/ka0RIk45w7NibPROG7czSw8NUsvleqL2g?style=linearSwatches&angle=180
- Drawn as: linear swatches, 7 steps, 180 degrees
- Hues: split-complementary
- 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 | `#d3c1b7` | `oklch(82.28% 0.0248 51.33)` | Rabbit’s Foot | black, 12 to 1 |
| 2 | `#e5a4ac` | `oklch(78.35% 0.0772 11.17)` | Berry Riche | black, 10.2 to 1 |
| 3 | `#c08ba7` | `oklch(69.69% 0.0744 346.87)` | Rosy | black, 7.4 to 1 |
| 4 | `#7582b2` | `oklch(61.42% 0.0758 272.89)` | Venture Violet | black, 5.5 to 1 |
| 5 | `#2f8ac4` | `oklch(60.63% 0.1213 241.19)` | Newport Blue | black, 5.5 to 1 |
| 6 | `#21a3cf` | `oklch(66.93% 0.1226 227.45)` | Charybdis | black, 7.2 to 1 |
| 7 | `#3fbfd1` | `oklch(74.41% 0.1116 208.43)` | Water Sports | black, 9.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d3c1b7 0.000% 14.286%, #e5a4ac 14.286% 28.571%, #c08ba7 28.571% 42.857%, #7582b2 42.857% 57.143%, #2f8ac4 57.143% 71.429%, #21a3cf 71.429% 85.714%, #3fbfd1 85.714% 100.000%);
background: linear-gradient(180deg, oklch(82.28% 0.0248 51.33) 0.000% 14.286%, oklch(78.35% 0.0772 11.17) 14.286% 28.571%, oklch(69.69% 0.0744 346.87) 28.571% 42.857%, oklch(61.42% 0.0758 272.89) 42.857% 57.143%, oklch(60.63% 0.1213 241.19) 57.143% 71.429%, oklch(66.93% 0.1226 227.45) 71.429% 85.714%, oklch(74.41% 0.1116 208.43) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.025 | 51.3 |
| 2 | 0.783 | 0.077 | 11.2 |
| 3 | 0.697 | 0.074 | -13.1 |
| 4 | 0.614 | 0.076 | -87.1 |
| 5 | 0.606 | 0.121 | -118.8 |
| 6 | 0.669 | 0.123 | -132.5 |
| 7 | 0.744 | 0.112 | -151.6 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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