# Champagne, rose and magenta pink palette

The Champagne, rose and magenta pink palette brings together pale yellow, pale red, light magenta, and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is pale yellow.

- Also called: Duotone beige to pink linear gradient
- Seed: `ka8ylI85KzWY3PpX20BV2--lbswDU5sDg`
- Page: https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#f8f3c7` | `oklch(95.67% 0.0565 101.95)` | Corn Field | black, 18.6 to 1 |
| 2 | `#fed4e3` | `oklch(90.94% 0.0510 355.22)` | Poplar Pink | black, 15.7 to 1 |
| 3 | `#ff97d6` | `oklch(80.31% 0.1451 343.59)` | Pink Condition | black, 10.6 to 1 |
| 4 | `#ff3eb9` | `oklch(68.90% 0.2508 346.77)` | Spicy Pink | black, 6.6 to 1 |
| 5 | `#ff00e1` | `oklch(68.50% 0.3044 335.14)` | Bright Magenta | black, 6.3 to 1 |
| 6 | `#ff04d8` | `oklch(68.11% 0.2987 337.25)` | Cupid’s Eye | black, 6.2 to 1 |
| 7 | `#ff00b8` | `oklch(66.54% 0.2821 345.71)` | Bubblegum Bright | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f8f3c7 0.0%, #fed4e3 16.7%, #ff97d6 33.3%, #ff3eb9 50.0%, #ff00e1 66.7%, #ff04d8 83.3%, #ff00b8 100.0%);
background: linear-gradient(90deg in oklch, oklch(95.67% 0.0565 101.95) 0.0%, oklch(90.94% 0.0510 355.22) 16.7%, oklch(80.31% 0.1451 343.59) 33.3%, oklch(68.90% 0.2508 346.77) 50.0%, oklch(68.50% 0.3044 335.14) 66.7%, oklch(68.11% 0.2987 337.25) 83.3%, oklch(66.54% 0.2821 345.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.056 | 102 |
| 2 | 0.909 | 0.051 | -4.8 |
| 3 | 0.803 | 0.152 | -16.4 |
| 4 | 0.689 | 0.251 | -13.2 |
| 5 | 0.685 | 0.307 | -24.9 |
| 6 | 0.681 | 0.299 | -22.7 |
| 7 | 0.665 | 0.282 | -14.3 |

## In these collections

- [Orchid colors](https://grabient.com/orchid-colors)
- [Pink gradients](https://grabient.com/pink-gradients)

## Other forms

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