# Coral and tan color palette

The Coral and tan color palette brings together light red, red, green, and orange. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is green, and its lightest tone is light red.

- Also called: Pink, mauve, gray and tan linear swatches
- Seed: `kUyCMFT5a-02M09bHLag`
- Page: https://grabient.com/kUyCMFT5a-02M09bHLag?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.8 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 | `#d6adb4` | `oklch(78.74% 0.0482 7.03)` | Strawberry Latte | black, 10.5 to 1 |
| 2 | `#a77988` | `oklch(62.60% 0.0620 357.52)` | Mauve Madness | black, 5.7 to 1 |
| 3 | `#708a7e` | `oklch(61.02% 0.0344 165.54)` | Sea Palm | black, 5.6 to 1 |
| 4 | `#b9a169` | `oklch(71.65% 0.0785 87.34)` | Buffalo Hide | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d6adb4 0.000% 25.000%, #a77988 25.000% 50.000%, #708a7e 50.000% 75.000%, #b9a169 75.000% 100.000%);
background: linear-gradient(90deg, oklch(78.74% 0.0482 7.03) 0.000% 25.000%, oklch(62.60% 0.0620 357.52) 25.000% 50.000%, oklch(61.02% 0.0344 165.54) 50.000% 75.000%, oklch(71.65% 0.0785 87.34) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.048 | 7 |
| 2 | 0.626 | 0.062 | -2.5 |
| 3 | 0.61 | 0.034 | 165.5 |
| 4 | 0.717 | 0.079 | 87.3 |

## In these collections

- [Calm swatches](https://grabient.com/calm-swatches)
- [Late winter protea](https://grabient.com/late-winter-protea)

## Other forms

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