# Crimson and champagne retro palette

The Crimson and champagne retro palette brings together red, light orange, and pale orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits editorial layouts and period-inspired packaging. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Maroon, pink, peach and beige angular swatches
- Seed: `kUfU8IWCfBWsdQp5D0Og`
- Page: https://grabient.com/kUfU8IWCfBWsdQp5D0Og?style=angularSwatches&steps=32&angle=225
- Drawn as: angular swatches, 32 steps, 225 degrees
- Kinds: dark to light, pastel, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.7 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 | `#944351` | `oklch(49.21% 0.1089 11.25)` | Egyptian Red | white, 6.5 to 1 |
| 2 | `#984754` | `oklch(50.38% 0.1090 11.87)` | Kirsch Red | white, 6.2 to 1 |
| 3 | `#9d4b57` | `oklch(51.91% 0.1093 12.61)` | Baked Bahama | white, 5.8 to 1 |
| 4 | `#a3505b` | `oklch(53.73% 0.1097 13.46)` | Cranberry Jam | white, 5.4 to 1 |
| 5 | `#aa565f` | `oklch(55.76% 0.1102 14.42)` | Grenadine | white, 4.9 to 1 |
| 6 | `#b25d64` | `oklch(57.94% 0.1106 15.49)` | Cinnamon Candle | black, 4.6 to 1 |
| 7 | `#ba6369` | `oklch(60.21% 0.1109 16.66)` | Terra Rosa | black, 5 to 1 |
| 8 | `#c16a6e` | `oklch(62.49% 0.1110 17.93)` | Watermelon Gelato | black, 5.5 to 1 |
| 9 | `#c97173` | `oklch(64.71% 0.1108 19.30)` | Pink Dazzle | black, 6 to 1 |
| 10 | `#d07877` | `oklch(66.81% 0.1103 20.77)` | Hearts Afire | black, 6.6 to 1 |
| 11 | `#d67e7b` | `oklch(68.71% 0.1093 22.33)` | Hearts Afire | black, 7.1 to 1 |
| 12 | `#db847f` | `oklch(70.41% 0.1078 23.99)` | Pink Damask | black, 7.6 to 1 |
| 13 | `#df8a82` | `oklch(72.04% 0.1059 25.75)` | Watermelon Punch | black, 8.1 to 1 |
| 14 | `#e49085` | `oklch(73.61% 0.1037 27.62)` | Nude Flamingo | black, 8.6 to 1 |
| 15 | `#e79689` | `oklch(75.14% 0.1011 29.58)` | Salmon Salt | black, 9.1 to 1 |
| 16 | `#eb9c8c` | `oklch(76.62% 0.0983 31.65)` | Whimsy | black, 9.6 to 1 |
| 17 | `#eea18f` | `oklch(78.05% 0.0953 33.81)` | Stone Fruit | black, 10.1 to 1 |
| 18 | `#f1a793` | `oklch(79.44% 0.0921 36.06)` | Au Contraire | black, 10.6 to 1 |
| 19 | `#f3ad96` | `oklch(80.80% 0.0888 38.40)` | Shishi Pink | black, 11.2 to 1 |
| 20 | `#f5b29a` | `oklch(82.12% 0.0855 40.83)` | Stucco Wall | black, 11.7 to 1 |
| 21 | `#f7b89e` | `oklch(83.41% 0.0821 43.35)` | Mandys Pink | black, 12.2 to 1 |
| 22 | `#f9bda2` | `oklch(84.67% 0.0788 45.96)` | Coral Blossom | black, 12.8 to 1 |
| 23 | `#fbc3a6` | `oklch(85.95% 0.0751 48.92)` | Sweet Apricot | black, 13.4 to 1 |
| 24 | `#fcc9aa` | `oklch(87.23% 0.0711 52.21)` | Bleached Apricot | black, 14 to 1 |
| 25 | `#fdceaf` | `oklch(88.49% 0.0668 55.71)` | Vintage Peach | black, 14.6 to 1 |
| 26 | `#fdd4b4` | `oklch(89.72% 0.0625 59.31)` | Forgotten Sunset | black, 15.2 to 1 |
| 27 | `#fed9ba` | `oklch(90.89% 0.0581 62.90)` | Thousand Needles Sand | black, 15.8 to 1 |
| 28 | `#fedebf` | `oklch(91.99% 0.0539 66.36)` | Odious Orange | black, 16.4 to 1 |
| 29 | `#fee3c5` | `oklch(93.00% 0.0500 69.60)` | Fall Straw | black, 16.9 to 1 |
| 30 | `#ffe7c9` | `oklch(93.90% 0.0465 72.48)` | Antigua Sunrise | black, 17.4 to 1 |
| 31 | `#ffeace` | `oklch(94.66% 0.0433 74.93)` | Blanched Almond | black, 17.9 to 1 |
| 32 | `#ffedd2` | `oklch(95.27% 0.0398 76.78)` | Radiant Glow | black, 18.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #944351 0.000% 3.125%, #984754 3.125% 6.250%, #9d4b57 6.250% 9.375%, #a3505b 9.375% 12.500%, #aa565f 12.500% 15.625%, #b25d64 15.625% 18.750%, #ba6369 18.750% 21.875%, #c16a6e 21.875% 25.000%, #c97173 25.000% 28.125%, #d07877 28.125% 31.250%, #d67e7b 31.250% 34.375%, #db847f 34.375% 37.500%, #df8a82 37.500% 40.625%, #e49085 40.625% 43.750%, #e79689 43.750% 46.875%, #eb9c8c 46.875% 50.000%, #eea18f 50.000% 53.125%, #f1a793 53.125% 56.250%, #f3ad96 56.250% 59.375%, #f5b29a 59.375% 62.500%, #f7b89e 62.500% 65.625%, #f9bda2 65.625% 68.750%, #fbc3a6 68.750% 71.875%, #fcc9aa 71.875% 75.000%, #fdceaf 75.000% 78.125%, #fdd4b4 78.125% 81.250%, #fed9ba 81.250% 84.375%, #fedebf 84.375% 87.500%, #fee3c5 87.500% 90.625%, #ffe7c9 90.625% 93.750%, #ffeace 93.750% 96.875%, #ffedd2 96.875% 100.000%);
background: conic-gradient(from 225deg, oklch(49.21% 0.1089 11.25) 0.000% 3.125%, oklch(50.38% 0.1090 11.87) 3.125% 6.250%, oklch(51.91% 0.1093 12.61) 6.250% 9.375%, oklch(53.73% 0.1097 13.46) 9.375% 12.500%, oklch(55.76% 0.1102 14.42) 12.500% 15.625%, oklch(57.94% 0.1106 15.49) 15.625% 18.750%, oklch(60.21% 0.1109 16.66) 18.750% 21.875%, oklch(62.49% 0.1110 17.93) 21.875% 25.000%, oklch(64.71% 0.1108 19.30) 25.000% 28.125%, oklch(66.81% 0.1103 20.77) 28.125% 31.250%, oklch(68.71% 0.1093 22.33) 31.250% 34.375%, oklch(70.41% 0.1078 23.99) 34.375% 37.500%, oklch(72.04% 0.1059 25.75) 37.500% 40.625%, oklch(73.61% 0.1037 27.62) 40.625% 43.750%, oklch(75.14% 0.1011 29.58) 43.750% 46.875%, oklch(76.62% 0.0983 31.65) 46.875% 50.000%, oklch(78.05% 0.0953 33.81) 50.000% 53.125%, oklch(79.44% 0.0921 36.06) 53.125% 56.250%, oklch(80.80% 0.0888 38.40) 56.250% 59.375%, oklch(82.12% 0.0855 40.83) 59.375% 62.500%, oklch(83.41% 0.0821 43.35) 62.500% 65.625%, oklch(84.67% 0.0788 45.96) 65.625% 68.750%, oklch(85.95% 0.0751 48.92) 68.750% 71.875%, oklch(87.23% 0.0711 52.21) 71.875% 75.000%, oklch(88.49% 0.0668 55.71) 75.000% 78.125%, oklch(89.72% 0.0625 59.31) 78.125% 81.250%, oklch(90.89% 0.0581 62.90) 81.250% 84.375%, oklch(91.99% 0.0539 66.36) 84.375% 87.500%, oklch(93.00% 0.0500 69.60) 87.500% 90.625%, oklch(93.90% 0.0465 72.48) 90.625% 93.750%, oklch(94.66% 0.0433 74.93) 93.750% 96.875%, oklch(95.27% 0.0398 76.78) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.109 | 11.3 |
| 2 | 0.693 | 0.109 | 22.9 |
| 3 | 0.843 | 0.08 | 45.1 |
| 4 | 0.953 | 0.041 | 76.8 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)
- [Phone wallpaper gradients](https://grabient.com/phone-wallpaper-gradients)

## Other forms

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