# Sage, sky blue and pale blush opalescent

The Sage, sky blue and pale blush opalescent brings together green, light green, light purple, and light magenta. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is green, and its lightest tone is light purple.

- Also called: Gray, light blue and pink linear swatches
- Seed: `kUkhh86hS-m8Nz9tE0Yg`
- Page: https://grabient.com/kUkhh86hS-m8Nz9tE0Yg?style=linearSwatches&steps=4&angle=135
- Drawn as: linear swatches, 4 steps, 135 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.9 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 | `#658078` | `oklch(57.48% 0.0331 175.08)` | Underwater World | black, 4.8 to 1 |
| 2 | `#a8d5bf` | `oklch(83.46% 0.0565 163.45)` | Southern Belle | black, 12.9 to 1 |
| 3 | `#d8d1ec` | `oklch(87.40% 0.0372 297.66)` | Air Castle | black, 14.2 to 1 |
| 4 | `#ecc3d5` | `oklch(85.83% 0.0524 350.50)` | Misty Memories | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #658078 0.000% 25.000%, #a8d5bf 25.000% 50.000%, #d8d1ec 50.000% 75.000%, #ecc3d5 75.000% 100.000%);
background: linear-gradient(135deg, oklch(57.48% 0.0331 175.08) 0.000% 25.000%, oklch(83.46% 0.0565 163.45) 25.000% 50.000%, oklch(87.40% 0.0372 297.66) 50.000% 75.000%, oklch(85.83% 0.0524 350.50) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.033 | 175.1 |
| 2 | 0.835 | 0.056 | 163.5 |
| 3 | 0.874 | 0.037 | 297.7 |
| 4 | 0.858 | 0.052 | 350.5 |

## In these collections

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

## Other forms

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