# Pale blue, sage and mauve desert palette

The Pale blue, sage and mauve desert palette brings together pale blue, light blue, green, orange, and dark gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark gray, and its lightest tone is pale blue.

- Also called: Tritone light blue, green and brown angular swatches
- Seed: `kW6hagZZI_9KZtm-KDOJge_4`
- Page: https://grabient.com/kW6hagZZI_9KZtm-KDOJge_4?style=angularSwatches&steps=5&angle=200
- Drawn as: angular swatches, 5 steps, 200 degrees
- Kinds: light to dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#d1eaf4` | `oklch(92.13% 0.0303 225.00)` | Ice Cold | black, 16.7 to 1 |
| 2 | `#9cc5d6` | `oklch(79.92% 0.0496 225.00)` | June | black, 11.3 to 1 |
| 3 | `#749b74` | `oklch(64.96% 0.0703 144.69)` | Horenso Green | black, 6.6 to 1 |
| 4 | `#93472b` | `oklch(48.82% 0.1102 40.07)` | Dark Brazilian Topaz | white, 6.6 to 1 |
| 5 | `#372a26` | `oklch(29.92% 0.0207 40.07)` | Roanoke | white, 13.7 to 1 |

## CSS

```css
background: conic-gradient(from 200deg, #d1eaf4 0.000% 20.000%, #9cc5d6 20.000% 40.000%, #749b74 40.000% 60.000%, #93472b 60.000% 80.000%, #372a26 80.000% 100.000%);
background: conic-gradient(from 200deg, oklch(92.13% 0.0303 225.00) 0.000% 20.000%, oklch(79.92% 0.0496 225.00) 20.000% 40.000%, oklch(64.96% 0.0703 144.69) 40.000% 60.000%, oklch(48.82% 0.1102 40.07) 60.000% 80.000%, oklch(29.92% 0.0207 40.07) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.03 | 225 |
| 2 | 0.799 | 0.05 | 225 |
| 3 | 0.65 | 0.07 | 144.7 |
| 4 | 0.488 | 0.11 | 40.1 |
| 5 | 0.299 | 0.021 | 40.1 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)

## Other forms

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