# Dusty blue, teal and stone opalescent palette

The Dusty blue, teal and stone opalescent palette brings together blue, light blue, light green, and light magenta. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Purple, light blue, teal and gray linear swatches
- Seed: `kUlSzRXJK32OXuZmjVOg`
- Page: https://grabient.com/kUlSzRXJK32OXuZmjVOg?style=linearSwatches&steps=4&angle=225
- Drawn as: linear swatches, 4 steps, 225 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#7e769d` | `oklch(58.66% 0.0606 293.91)` | Grape Jam | black, 4.9 to 1 |
| 2 | `#85afc0` | `oklch(72.83% 0.0510 225.22)` | Resolute Blue | black, 8.8 to 1 |
| 3 | `#8ec6b3` | `oklch(78.35% 0.0648 171.32)` | Catarina Green | black, 10.9 to 1 |
| 4 | `#d0b8c8` | `oklch(80.71% 0.0358 338.29)` | Soft Amethyst | black, 11.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #7e769d 0.000% 25.000%, #85afc0 25.000% 50.000%, #8ec6b3 50.000% 75.000%, #d0b8c8 75.000% 100.000%);
background: linear-gradient(225deg, oklch(58.66% 0.0606 293.91) 0.000% 25.000%, oklch(72.83% 0.0510 225.22) 25.000% 50.000%, oklch(78.35% 0.0648 171.32) 50.000% 75.000%, oklch(80.71% 0.0358 338.29) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.061 | 293.9 |
| 2 | 0.728 | 0.051 | 225.2 |
| 3 | 0.783 | 0.065 | 171.3 |
| 4 | 0.807 | 0.036 | 338.3 |

## In these collections

- [Opalescent swatches](https://grabient.com/opalescent-swatches)

## Other forms

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