# Turquoise, stone and champagne color palette

The Turquoise, stone and champagne color palette brings together teal, light teal, light orange, and pale yellow. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is teal, and its lightest tone is pale yellow.

- Also called: Blue, gray, peach and beige linear swatches
- Seed: `kWnzycXR8_ukNvLkHy99ZHFQ`
- Page: https://grabient.com/kWnzycXR8_ukNvLkHy99ZHFQ?style=linearSwatches&steps=5&angle=315
- Drawn as: linear swatches, 5 steps, 315 degrees
- Kinds: pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.7 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 | `#4794aa` | `oklch(62.60% 0.0827 219.37)` | Alpine Lake | black, 6 to 1 |
| 2 | `#65b6cc` | `oklch(73.23% 0.0854 217.26)` | Revelry Blue | black, 9 to 1 |
| 3 | `#accecb` | `oklch(82.68% 0.0372 189.79)` | Baroque Chalk Soft Blue | black, 12.4 to 1 |
| 4 | `#e7aa88` | `oklch(78.74% 0.0854 50.29)` | Ceramic Glaze | black, 10.5 to 1 |
| 5 | `#f0e7c3` | `oklch(92.52% 0.0482 95.74)` | Fake Blonde | black, 16.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #4794aa 0.000% 20.000%, #65b6cc 20.000% 40.000%, #accecb 40.000% 60.000%, #e7aa88 60.000% 80.000%, #f0e7c3 80.000% 100.000%);
background: linear-gradient(315deg, oklch(62.60% 0.0827 219.37) 0.000% 20.000%, oklch(73.23% 0.0854 217.26) 20.000% 40.000%, oklch(82.68% 0.0372 189.79) 40.000% 60.000%, oklch(78.74% 0.0854 50.29) 60.000% 80.000%, oklch(92.52% 0.0482 95.74) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.083 | 219.4 |
| 2 | 0.732 | 0.085 | 217.3 |
| 3 | 0.827 | 0.037 | 189.8 |
| 4 | 0.787 | 0.085 | 50.3 |
| 5 | 0.925 | 0.048 | 95.7 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)
- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Spring swatches](https://grabient.com/spring-swatches)

## Other forms

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