# Coral and terracotta beach palette

The Coral and terracotta beach palette brings together light red, light orange, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is orange, and its lightest tone is light red.

- Also called: Analogous pink, peach and brown linear swatches
- Seed: `kU2iQV4h1BVakwXLHUFg`
- Page: https://grabient.com/kU2iQV4h1BVakwXLHUFg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#efc5bd` | `oklch(85.83% 0.0496 30.23)` | Peach Ash | black, 13.4 to 1 |
| 2 | `#e1a48d` | `oklch(77.17% 0.0799 41.86)` | Venetian Plaster | black, 9.9 to 1 |
| 3 | `#c9875b` | `oklch(68.11% 0.1006 54.54)` | Wheatberry | black, 7.1 to 1 |
| 4 | `#9d7448` | `oklch(59.06% 0.0799 67.22)` | Bone Brown | black, 5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #efc5bd 0.000% 25.000%, #e1a48d 25.000% 50.000%, #c9875b 50.000% 75.000%, #9d7448 75.000% 100.000%);
background: linear-gradient(90deg, oklch(85.83% 0.0496 30.23) 0.000% 25.000%, oklch(77.17% 0.0799 41.86) 25.000% 50.000%, oklch(68.11% 0.1006 54.54) 50.000% 75.000%, oklch(59.06% 0.0799 67.22) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.05 | 30.2 |
| 2 | 0.772 | 0.08 | 41.9 |
| 3 | 0.681 | 0.101 | 54.5 |
| 4 | 0.591 | 0.08 | 67.2 |

## In these collections

- [Beach swatches](https://grabient.com/beach-swatches)

## Other forms

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