# Champagne, orange and crimson color palette

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

- Also called: Pastel beige, peach and pink angular gradient
- Seed: `kS7yRD6Cg7NagvG`
- Page: https://grabient.com/kS7yRD6Cg7NagvG?style=angularGradient&steps=40&angle=20
- Drawn as: angular gradient, 40 steps, 20 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#f6ecc7` | `oklch(94.09% 0.0496 94.92)` | Starbright | black, 17.7 to 1 |
| 2 | `#f6eac4` | `oklch(93.75% 0.0514 93.78)` | Barely Butter | black, 17.5 to 1 |
| 3 | `#f6e9c1` | `oklch(93.35% 0.0537 92.41)` | Dandelion Tea | black, 17.3 to 1 |
| 4 | `#f6e7bd` | `oklch(92.90% 0.0564 90.85)` | Creamy Custard | black, 17 to 1 |
| 5 | `#f6e5b9` | `oklch(92.41% 0.0595 89.11)` | Gentle Glow | black, 16.7 to 1 |
| 6 | `#f6e2b5` | `oklch(91.87% 0.0628 87.21)` | Flan | black, 16.5 to 1 |
| 7 | `#f7e0b0` | `oklch(91.29% 0.0665 85.18)` | Pasta | black, 16.1 to 1 |
| 8 | `#f7ddab` | `oklch(90.68% 0.0703 83.03)` | Dumpling | black, 15.8 to 1 |
| 9 | `#f8daa6` | `oklch(90.04% 0.0742 80.79)` | Savoury Beige | black, 15.5 to 1 |
| 10 | `#f9d6a1` | `oklch(89.37% 0.0782 78.47)` | Prosecco | black, 15.1 to 1 |
| 11 | `#f9d39c` | `oklch(88.68% 0.0822 76.10)` | Paw Paw | black, 14.8 to 1 |
| 12 | `#facf98` | `oklch(87.97% 0.0862 73.69)` | Warm Cocoon | black, 14.4 to 1 |
| 13 | `#fbcc93` | `oklch(87.25% 0.0901 71.27)` | Tangerine Silk | black, 14.1 to 1 |
| 14 | `#fcc88f` | `oklch(86.53% 0.0938 68.86)` | Sicilian Villa | black, 13.7 to 1 |
| 15 | `#fcc48b` | `oklch(85.80% 0.0973 66.47)` | Bundaberg Sand | black, 13.4 to 1 |
| 16 | `#fdc087` | `oklch(85.06% 0.1006 64.13)` | Buttery | black, 13 to 1 |
| 17 | `#fdbc84` | `oklch(84.34% 0.1035 61.87)` | Apricot Flower | black, 12.7 to 1 |
| 18 | `#fdb982` | `oklch(83.62% 0.1060 59.69)` | Go Go Mango | black, 12.4 to 1 |
| 19 | `#fcb580` | `oklch(82.91% 0.1081 57.62)` | Baltic Amber | black, 12 to 1 |
| 20 | `#fcb27e` | `oklch(82.23% 0.1097 55.68)` | Peach | black, 11.8 to 1 |
| 21 | `#fbaf7d` | `oklch(81.55% 0.1107 53.87)` | Orange Chiffon | black, 11.5 to 1 |
| 22 | `#faac7c` | `oklch(80.84% 0.1113 52.06)` | Orange Chiffon | black, 11.2 to 1 |
| 23 | `#f8a97b` | `oklch(80.10% 0.1114 50.25)` | Sunset Peach | black, 10.9 to 1 |
| 24 | `#f6a67b` | `oklch(79.33% 0.1112 48.42)` | Sunset Peach | black, 10.6 to 1 |
| 25 | `#f4a37b` | `oklch(78.54% 0.1106 46.61)` | Pumpkin Hue | black, 10.3 to 1 |
| 26 | `#f1a07b` | `oklch(77.72% 0.1097 44.81)` | Balinese Sunset | black, 10 to 1 |
| 27 | `#ee9d7b` | `oklch(76.90% 0.1086 43.02)` | Cumquat Cream | black, 9.7 to 1 |
| 28 | `#eb9a7b` | `oklch(76.08% 0.1073 41.27)` | Pochard Duck Head | black, 9.4 to 1 |
| 29 | `#e8977c` | `oklch(75.25% 0.1058 39.55)` | Kindleflame | black, 9.1 to 1 |
| 30 | `#e5957c` | `oklch(74.44% 0.1041 37.87)` | Dark Salmon Injustice | black, 8.9 to 1 |
| 31 | `#e2927c` | `oklch(73.64% 0.1024 36.25)` | Nude Flamingo | black, 8.6 to 1 |
| 32 | `#df907c` | `oklch(72.86% 0.1006 34.68)` | Nude Flamingo | black, 8.4 to 1 |
| 33 | `#dc8e7c` | `oklch(72.11% 0.0988 33.18)` | Indian Sunset | black, 8.1 to 1 |
| 34 | `#d88c7d` | `oklch(71.39% 0.0971 31.75)` | Indian Sunset | black, 7.9 to 1 |
| 35 | `#d58a7d` | `oklch(70.71% 0.0954 30.41)` | My Pink | black, 7.7 to 1 |
| 36 | `#d3887d` | `oklch(70.07% 0.0938 29.15)` | Pink Papaya | black, 7.5 to 1 |
| 37 | `#d0877d` | `oklch(69.49% 0.0924 27.99)` | Pink Papaya | black, 7.4 to 1 |
| 38 | `#ce857d` | `oklch(68.96% 0.0912 26.94)` | Raspberry Ripple | black, 7.2 to 1 |
| 39 | `#cc847d` | `oklch(68.50% 0.0903 26.00)` | Raspberry Ripple | black, 7.1 to 1 |
| 40 | `#ca837c` | `oklch(68.11% 0.0896 25.18)` | Raspberry Ripple | black, 7 to 1 |

## CSS

```css
background: conic-gradient(from 20deg, #f6ecc7 0.0%, #f6eac4 2.6%, #f6e9c1 5.1%, #f6e7bd 7.7%, #f6e5b9 10.3%, #f6e2b5 12.8%, #f7e0b0 15.4%, #f7ddab 17.9%, #f8daa6 20.5%, #f9d6a1 23.1%, #f9d39c 25.6%, #facf98 28.2%, #fbcc93 30.8%, #fcc88f 33.3%, #fcc48b 35.9%, #fdc087 38.5%, #fdbc84 41.0%, #fdb982 43.6%, #fcb580 46.2%, #fcb27e 48.7%, #fbaf7d 51.3%, #faac7c 53.8%, #f8a97b 56.4%, #f6a67b 59.0%, #f4a37b 61.5%, #f1a07b 64.1%, #ee9d7b 66.7%, #eb9a7b 69.2%, #e8977c 71.8%, #e5957c 74.4%, #e2927c 76.9%, #df907c 79.5%, #dc8e7c 82.1%, #d88c7d 84.6%, #d58a7d 87.2%, #d3887d 89.7%, #d0877d 92.3%, #ce857d 94.9%, #cc847d 97.4%, #ca837c 100.0%);
background: conic-gradient(from 20deg in oklch, oklch(94.09% 0.0496 94.92) 0.0%, oklch(93.75% 0.0514 93.78) 2.6%, oklch(93.35% 0.0537 92.41) 5.1%, oklch(92.90% 0.0564 90.85) 7.7%, oklch(92.41% 0.0595 89.11) 10.3%, oklch(91.87% 0.0628 87.21) 12.8%, oklch(91.29% 0.0665 85.18) 15.4%, oklch(90.68% 0.0703 83.03) 17.9%, oklch(90.04% 0.0742 80.79) 20.5%, oklch(89.37% 0.0782 78.47) 23.1%, oklch(88.68% 0.0822 76.10) 25.6%, oklch(87.97% 0.0862 73.69) 28.2%, oklch(87.25% 0.0901 71.27) 30.8%, oklch(86.53% 0.0938 68.86) 33.3%, oklch(85.80% 0.0973 66.47) 35.9%, oklch(85.06% 0.1006 64.13) 38.5%, oklch(84.34% 0.1035 61.87) 41.0%, oklch(83.62% 0.1060 59.69) 43.6%, oklch(82.91% 0.1081 57.62) 46.2%, oklch(82.23% 0.1097 55.68) 48.7%, oklch(81.55% 0.1107 53.87) 51.3%, oklch(80.84% 0.1113 52.06) 53.8%, oklch(80.10% 0.1114 50.25) 56.4%, oklch(79.33% 0.1112 48.42) 59.0%, oklch(78.54% 0.1106 46.61) 61.5%, oklch(77.72% 0.1097 44.81) 64.1%, oklch(76.90% 0.1086 43.02) 66.7%, oklch(76.08% 0.1073 41.27) 69.2%, oklch(75.25% 0.1058 39.55) 71.8%, oklch(74.44% 0.1041 37.87) 74.4%, oklch(73.64% 0.1024 36.25) 76.9%, oklch(72.86% 0.1006 34.68) 79.5%, oklch(72.11% 0.0988 33.18) 82.1%, oklch(71.39% 0.0971 31.75) 84.6%, oklch(70.71% 0.0954 30.41) 87.2%, oklch(70.07% 0.0938 29.15) 89.7%, oklch(69.49% 0.0924 27.99) 92.3%, oklch(68.96% 0.0912 26.94) 94.9%, oklch(68.50% 0.0903 26.00) 97.4%, oklch(68.11% 0.0896 25.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.05 | 94.9 |
| 2 | 0.819 | 0.11 | 54.8 |
| 3 | 0.681 | 0.09 | 25.2 |

## In these collections

- [Terracotta color palette](https://grabient.com/terracotta-color-palette)
- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)
- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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