# Flyer Stack palette

The Flyer Stack palette brings together dark magenta, magenta, red, and yellow. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark magenta, and its lightest tone is yellow.

- Also called: Black, magenta and yellow linear swatches
- Seed: `kUORzlw8LDdc-RPwrccA`
- Page: https://grabient.com/kUORzlw8LDdc-RPwrccA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 12.3 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 | `#241526` | `oklch(22.44% 0.0386 322.73)` | Inside | white, 17.3 to 1 |
| 2 | `#b52e77` | `oklch(53.15% 0.1833 352.32)` | Pink Shadow | white, 5.8 to 1 |
| 3 | `#f06b4c` | `oklch(68.50% 0.1709 34.59)` | Entan Red | black, 6.9 to 1 |
| 4 | `#f3d973` | `oklch(88.58% 0.1254 94.83)` | Golden Rays | black, 14.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #241526 0.000% 25.000%, #b52e77 25.000% 50.000%, #f06b4c 50.000% 75.000%, #f3d973 75.000% 100.000%);
background: linear-gradient(45deg, oklch(22.44% 0.0386 322.73) 0.000% 25.000%, oklch(53.15% 0.1833 352.32) 25.000% 50.000%, oklch(68.50% 0.1709 34.59) 50.000% 75.000%, oklch(88.58% 0.1254 94.83) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.039 | 322.7 |
| 2 | 0.531 | 0.183 | 352.3 |
| 3 | 0.685 | 0.171 | 394.6 |
| 4 | 0.886 | 0.125 | 454.8 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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