# Magenta, orange and blush bright palette

The Magenta, orange and blush bright palette brings together magenta, light red, orange, yellow, and pale red. The colors span a narrow 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 red.

- Also called: Pink, peach, yellow and light pink linear swatches
- Seed: `kWsqfyX8xEuXMQ3ywcXeJI14`
- Page: https://grabient.com/kWsqfyX8xEuXMQ3ywcXeJI14?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, warm, multicolor
- Hues: wide
- 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 | `#f654ca` | `oklch(70.08% 0.2301 340.31)` | Kinky Pinky | black, 7 to 1 |
| 2 | `#ff8486` | `oklch(75.20% 0.1494 20.47)` | Red Mull | black, 8.9 to 1 |
| 3 | `#ffa470` | `oklch(79.92% 0.1275 50.06)` | Hit Pink | black, 10.8 to 1 |
| 4 | `#fbe026` | `oklch(90.16% 0.1805 99.73)` | Sun Yellow | black, 15.7 to 1 |
| 5 | `#ffe8e8` | `oklch(94.88% 0.0257 15.18)` | Pink Sparkle | black, 17.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f654ca 0.000% 20.000%, #ff8486 20.000% 40.000%, #ffa470 40.000% 60.000%, #fbe026 60.000% 80.000%, #ffe8e8 80.000% 100.000%);
background: linear-gradient(90deg, oklch(70.08% 0.2301 340.31) 0.000% 20.000%, oklch(75.20% 0.1494 20.47) 20.000% 40.000%, oklch(79.92% 0.1275 50.06) 40.000% 60.000%, oklch(90.16% 0.1805 99.73) 60.000% 80.000%, oklch(94.88% 0.0257 15.18) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.23 | 340.3 |
| 2 | 0.752 | 0.209 | 380.5 |
| 3 | 0.799 | 0.209 | 410.1 |
| 4 | 0.902 | 0.181 | 459.7 |
| 5 | 0.949 | 0.05 | 375.2 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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