# Coral, orange and champagne color palette

The Coral, orange and champagne color palette brings together light red, light orange, and pale orange. 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 light red, and its lightest tone is pale orange.

- Also called: Pastel pink, peach and beige linear swatches
- Seed: `kSyzoNbpnDfeWQ-`
- Page: https://grabient.com/kSyzoNbpnDfeWQ-?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#eda9aa` | `oklch(79.92% 0.0799 18.28)` | Hibiscus Petal | black, 10.8 to 1 |
| 2 | `#fcc7ad` | `oklch(87.01% 0.0703 47.87)` | Antique Coral | black, 13.9 to 1 |
| 3 | `#ffe9c1` | `oklch(94.09% 0.0569 81.70)` | Tiger Tail | black, 17.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eda9aa 0.000% 33.333%, #fcc7ad 33.333% 66.667%, #ffe9c1 66.667% 100.000%);
background: linear-gradient(90deg, oklch(79.92% 0.0799 18.28) 0.000% 33.333%, oklch(87.01% 0.0703 47.87) 33.333% 66.667%, oklch(94.09% 0.0569 81.70) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.08 | 18.3 |
| 2 | 0.87 | 0.07 | 47.9 |
| 3 | 0.941 | 0.061 | 81.7 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)
- [Rose gold](https://grabient.com/rose-gold)

## Other forms

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