# Peach, sage and turquoise coastal palette

The Peach, sage and turquoise coastal palette brings together light orange, gold, light teal, and blue. The colors span a narrow lightness range, combining moderate 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 gold.

- Also called: Tan, gray and blue linear gradient
- Seed: `kUxjMnbRJDeqZzFQM0VA`
- Page: https://grabient.com/kUxjMnbRJDeqZzFQM0VA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#dbac8d` | `oklch(77.95% 0.0703 54.84)` | New Mexico Mesa | black, 10.2 to 1 |
| 2 | `#dcae8e` | `oklch(78.45% 0.0689 56.22)` | Boot Hill Ghost | black, 10.4 to 1 |
| 3 | `#ddb191` | `oklch(79.13% 0.0670 57.58)` | Boot Hill Ghost | black, 10.7 to 1 |
| 4 | `#deb495` | `oklch(79.96% 0.0645 59.03)` | Crossed Fingers | black, 11 to 1 |
| 5 | `#dfb899` | `oklch(80.88% 0.0619 60.70)` | So Baja | black, 11.4 to 1 |
| 6 | `#e0bc9d` | `oklch(81.85% 0.0591 62.72)` | Only Natural | black, 11.8 to 1 |
| 7 | `#e1c0a1` | `oklch(82.82% 0.0564 65.21)` | Eggshell Paper | black, 12.2 to 1 |
| 8 | `#e2c4a5` | `oklch(83.74% 0.0539 68.29)` | Apricot Illusion | black, 12.6 to 1 |
| 9 | `#e2c8a8` | `oklch(84.56% 0.0519 72.09)` | Persian Flatbread | black, 13 to 1 |
| 10 | `#e2cbaa` | `oklch(85.24% 0.0504 76.73)` | Gourmet Honey | black, 13.3 to 1 |
| 11 | `#e0ceac` | `oklch(85.72% 0.0497 82.33)` | Boutique Beige | black, 13.5 to 1 |
| 12 | `#ded0ad` | `oklch(86.01% 0.0497 89.18)` | Braided Raffia | black, 13.7 to 1 |
| 13 | `#dad3ae` | `oklch(86.27% 0.0501 97.70)` | Stardust | black, 13.8 to 1 |
| 14 | `#d5d6af` | `oklch(86.48% 0.0508 107.56)` | Green Mesh | black, 14 to 1 |
| 15 | `#cfd8b2` | `oklch(86.62% 0.0519 118.42)` | Prairie Willow | black, 14.1 to 1 |
| 16 | `#c8dbb6` | `oklch(86.66% 0.0534 129.89)` | Pallid Light Green | black, 14.2 to 1 |
| 17 | `#bfddbb` | `oklch(86.58% 0.0553 141.63)` | Soft Lumen | black, 14.2 to 1 |
| 18 | `#b6dec1` | `oklch(86.35% 0.0576 153.25)` | Quantum Effect | black, 14.1 to 1 |
| 19 | `#addec7` | `oklch(85.95% 0.0604 164.40)` | Shallow Shore | black, 14 to 1 |
| 20 | `#a3ddcc` | `oklch(85.36% 0.0637 174.72)` | Prism | black, 13.7 to 1 |
| 21 | `#9adbd1` | `oklch(84.54% 0.0675 183.83)` | Land Ahoy! | black, 13.4 to 1 |
| 22 | `#91d8d4` | `oklch(83.46% 0.0718 191.43)` | Sweet Rhapsody | black, 12.9 to 1 |
| 23 | `#85d4d6` | `oklch(81.94% 0.0774 198.14)` | Mountain Lake Blue | black, 12.3 to 1 |
| 24 | `#78ced7` | `oklch(80.01% 0.0842 204.21)` | Summer of ’82 | black, 11.5 to 1 |
| 25 | `#69c7d7` | `oklch(77.79% 0.0918 209.69)` | Salt Lake | black, 10.7 to 1 |
| 26 | `#59bfd6` | `oklch(75.38% 0.0998 214.61)` | Skydive | black, 9.8 to 1 |
| 27 | `#48b7d5` | `oklch(72.89% 0.1081 219.01)` | Aztec Sky | black, 9 to 1 |
| 28 | `#36afd4` | `oklch(70.42% 0.1162 222.92)` | Summer Air | black, 8.2 to 1 |
| 29 | `#21a7d3` | `oklch(68.09% 0.1238 226.39)` | Modal | black, 7.5 to 1 |
| 30 | `#01a0d2` | `oklch(66.00% 0.1306 229.45)` | Structural Blue | black, 6.9 to 1 |
| 31 | `#0099cf` | `oklch(64.27% 0.1314 232.15)` | Blithe | black, 6.4 to 1 |
| 32 | `#0094cd` | `oklch(62.99% 0.1327 234.50)` | Germander Speedwell | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dbac8d 0.0%, #dcae8e 3.2%, #ddb191 6.5%, #deb495 9.7%, #dfb899 12.9%, #e0bc9d 16.1%, #e1c0a1 19.4%, #e2c4a5 22.6%, #e2c8a8 25.8%, #e2cbaa 29.0%, #e0ceac 32.3%, #ded0ad 35.5%, #dad3ae 38.7%, #d5d6af 41.9%, #cfd8b2 45.2%, #c8dbb6 48.4%, #bfddbb 51.6%, #b6dec1 54.8%, #addec7 58.1%, #a3ddcc 61.3%, #9adbd1 64.5%, #91d8d4 67.7%, #85d4d6 71.0%, #78ced7 74.2%, #69c7d7 77.4%, #59bfd6 80.6%, #48b7d5 83.9%, #36afd4 87.1%, #21a7d3 90.3%, #01a0d2 93.5%, #0099cf 96.8%, #0094cd 100.0%);
background: linear-gradient(135deg in oklch, oklch(77.95% 0.0703 54.84) 0.0%, oklch(78.45% 0.0689 56.22) 3.2%, oklch(79.13% 0.0670 57.58) 6.5%, oklch(79.96% 0.0645 59.03) 9.7%, oklch(80.88% 0.0619 60.70) 12.9%, oklch(81.85% 0.0591 62.72) 16.1%, oklch(82.82% 0.0564 65.21) 19.4%, oklch(83.74% 0.0539 68.29) 22.6%, oklch(84.56% 0.0519 72.09) 25.8%, oklch(85.24% 0.0504 76.73) 29.0%, oklch(85.72% 0.0497 82.33) 32.3%, oklch(86.01% 0.0497 89.18) 35.5%, oklch(86.27% 0.0501 97.70) 38.7%, oklch(86.48% 0.0508 107.56) 41.9%, oklch(86.62% 0.0519 118.42) 45.2%, oklch(86.66% 0.0534 129.89) 48.4%, oklch(86.58% 0.0553 141.63) 51.6%, oklch(86.35% 0.0576 153.25) 54.8%, oklch(85.95% 0.0604 164.40) 58.1%, oklch(85.36% 0.0637 174.72) 61.3%, oklch(84.54% 0.0675 183.83) 64.5%, oklch(83.46% 0.0718 191.43) 67.7%, oklch(81.94% 0.0774 198.14) 71.0%, oklch(80.01% 0.0842 204.21) 74.2%, oklch(77.79% 0.0918 209.69) 77.4%, oklch(75.38% 0.0998 214.61) 80.6%, oklch(72.89% 0.1081 219.01) 83.9%, oklch(70.42% 0.1162 222.92) 87.1%, oklch(68.09% 0.1238 226.39) 90.3%, oklch(66.00% 0.1306 229.45) 93.5%, oklch(64.27% 0.1314 232.15) 96.8%, oklch(62.99% 0.1327 234.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.07 | 54.8 |
| 2 | 0.858 | 0.05 | 84.4 |
| 3 | 0.839 | 0.07 | 189.1 |
| 4 | 0.63 | 0.141 | 234.5 |

## In these collections

- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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