# Champagne, orange and coral color palette

The Champagne, orange and coral color palette brings together pale orange and light red. 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: Analogous off-white, peach and pink linear gradient
- Seed: `kU9h0185Y9mqdPPfpL2A`
- Page: https://grabient.com/kU9h0185Y9mqdPPfpL2A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#fff3e2` | `oklch(96.85% 0.0254 75.26)` | Historic Cream | black, 19.1 to 1 |
| 2 | `#fff1e0` | `oklch(96.52% 0.0275 74.13)` | Axolotl | black, 18.9 to 1 |
| 3 | `#fff0dd` | `oklch(96.10% 0.0299 72.71)` | Candy Floss Cupcake | black, 18.6 to 1 |
| 4 | `#ffedd9` | `oklch(95.60% 0.0327 71.05)` | Sand Crystal | black, 18.4 to 1 |
| 5 | `#ffebd6` | `oklch(95.05% 0.0357 69.18)` | Winter Morning | black, 18.1 to 1 |
| 6 | `#ffe8d2` | `oklch(94.44% 0.0388 67.15)` | Pale Egg | black, 17.7 to 1 |
| 7 | `#ffe5ce` | `oklch(93.81% 0.0419 64.99)` | Lumber | black, 17.4 to 1 |
| 8 | `#ffe3ca` | `oklch(93.14% 0.0451 62.74)` | Barely Ripe Apricot | black, 17 to 1 |
| 9 | `#ffdfc7` | `oklch(92.47% 0.0481 60.45)` | Peak Season | black, 16.6 to 1 |
| 10 | `#ffdcc3` | `oklch(91.81% 0.0512 58.16)` | Whispering Peach | black, 16.3 to 1 |
| 11 | `#ffd9c0` | `oklch(91.16% 0.0541 55.90)` | Sun-Kissed Peach | black, 15.9 to 1 |
| 12 | `#ffd6bd` | `oklch(90.52% 0.0568 53.67)` | Sun-Kissed Peach | black, 15.6 to 1 |
| 13 | `#ffd3ba` | `oklch(89.89% 0.0596 51.31)` | Peachy Bon-Bon | black, 15.3 to 1 |
| 14 | `#ffd0b8` | `oklch(89.24% 0.0624 48.86)` | Apricot Lily | black, 14.9 to 1 |
| 15 | `#ffcdb5` | `oklch(88.58% 0.0653 46.34)` | Peach and Quiet | black, 14.6 to 1 |
| 16 | `#ffcab3` | `oklch(87.91% 0.0683 43.77)` | Peach and Quiet | black, 14.3 to 1 |
| 17 | `#ffc6b1` | `oklch(87.23% 0.0712 41.18)` | Antique Coral | black, 13.9 to 1 |
| 18 | `#fec3b0` | `oklch(86.54% 0.0730 38.62)` | Tropical Peach | black, 13.6 to 1 |
| 19 | `#fdc0af` | `oklch(85.83% 0.0749 36.09)` | Porcellana | black, 13.3 to 1 |
| 20 | `#fcbdae` | `oklch(85.10% 0.0767 33.64)` | Peach Melba | black, 12.9 to 1 |
| 21 | `#fbb9ac` | `oklch(84.36% 0.0786 31.29)` | Ruffles | black, 12.6 to 1 |
| 22 | `#f9b6ab` | `oklch(83.60% 0.0806 29.06)` | Just Blush | black, 12.3 to 1 |
| 23 | `#f8b2aa` | `oklch(82.75% 0.0827 26.80)` | Riviera Rose | black, 11.9 to 1 |
| 24 | `#f6aea8` | `oklch(81.84% 0.0849 24.51)` | Snow White Blush | black, 11.5 to 1 |
| 25 | `#f4aaa7` | `oklch(80.88% 0.0872 22.22)` | Faint of Heart | black, 11.1 to 1 |
| 26 | `#f2a6a6` | `oklch(79.90% 0.0895 19.98)` | Calabrese | black, 10.8 to 1 |
| 27 | `#f0a2a4` | `oklch(78.92% 0.0918 17.82)` | Plum Blossom | black, 10.4 to 1 |
| 28 | `#ed9fa3` | `oklch(77.99% 0.0940 15.79)` | Pink Icing | black, 10 to 1 |
| 29 | `#eb9ba2` | `oklch(77.13% 0.0961 13.92)` | Pink Floyd | black, 9.7 to 1 |
| 30 | `#e998a1` | `oklch(76.35% 0.0979 12.26)` | All Dressed Up | black, 9.4 to 1 |
| 31 | `#e796a1` | `oklch(75.70% 0.0994 10.84)` | Franken Berry | black, 9.2 to 1 |
| 32 | `#e694a0` | `oklch(75.20% 0.1006 9.72)` | Marker Pink | black, 9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff3e2 0.0%, #fff1e0 3.2%, #fff0dd 6.5%, #ffedd9 9.7%, #ffebd6 12.9%, #ffe8d2 16.1%, #ffe5ce 19.4%, #ffe3ca 22.6%, #ffdfc7 25.8%, #ffdcc3 29.0%, #ffd9c0 32.3%, #ffd6bd 35.5%, #ffd3ba 38.7%, #ffd0b8 41.9%, #ffcdb5 45.2%, #ffcab3 48.4%, #ffc6b1 51.6%, #fec3b0 54.8%, #fdc0af 58.1%, #fcbdae 61.3%, #fbb9ac 64.5%, #f9b6ab 67.7%, #f8b2aa 71.0%, #f6aea8 74.2%, #f4aaa7 77.4%, #f2a6a6 80.6%, #f0a2a4 83.9%, #ed9fa3 87.1%, #eb9ba2 90.3%, #e998a1 93.5%, #e796a1 96.8%, #e694a0 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.85% 0.0254 75.26) 0.0%, oklch(96.52% 0.0275 74.13) 3.2%, oklch(96.10% 0.0299 72.71) 6.5%, oklch(95.60% 0.0327 71.05) 9.7%, oklch(95.05% 0.0357 69.18) 12.9%, oklch(94.44% 0.0388 67.15) 16.1%, oklch(93.81% 0.0419 64.99) 19.4%, oklch(93.14% 0.0451 62.74) 22.6%, oklch(92.47% 0.0481 60.45) 25.8%, oklch(91.81% 0.0512 58.16) 29.0%, oklch(91.16% 0.0541 55.90) 32.3%, oklch(90.52% 0.0568 53.67) 35.5%, oklch(89.89% 0.0596 51.31) 38.7%, oklch(89.24% 0.0624 48.86) 41.9%, oklch(88.58% 0.0653 46.34) 45.2%, oklch(87.91% 0.0683 43.77) 48.4%, oklch(87.23% 0.0712 41.18) 51.6%, oklch(86.54% 0.0730 38.62) 54.8%, oklch(85.83% 0.0749 36.09) 58.1%, oklch(85.10% 0.0767 33.64) 61.3%, oklch(84.36% 0.0786 31.29) 64.5%, oklch(83.60% 0.0806 29.06) 67.7%, oklch(82.75% 0.0827 26.80) 71.0%, oklch(81.84% 0.0849 24.51) 74.2%, oklch(80.88% 0.0872 22.22) 77.4%, oklch(79.90% 0.0895 19.98) 80.6%, oklch(78.92% 0.0918 17.82) 83.9%, oklch(77.99% 0.0940 15.79) 87.1%, oklch(77.13% 0.0961 13.92) 90.3%, oklch(76.35% 0.0979 12.26) 93.5%, oklch(75.70% 0.0994 10.84) 96.8%, oklch(75.20% 0.1006 9.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.04 | 75.2 |
| 2 | 0.909 | 0.061 | 55.2 |
| 3 | 0.839 | 0.08 | 29.8 |
| 4 | 0.752 | 0.101 | 9.7 |

## In these collections

- [Peach](https://grabient.com/peach)
- [Coral color palette](https://grabient.com/coral-color-palette)
- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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