# Plum and yellow bold palette

The Plum and yellow bold palette brings together dark magenta, magenta, green, and light yellow. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is light yellow.

- Also called: Dark purple, purple, green and yellow linear swatches
- Seed: `kWOSTlMSvBUZBQRjwNBdSq_A`
- Page: https://grabient.com/kWOSTlMSvBUZBQRjwNBdSq_A?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 14 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 | `#261329` | `oklch(22.44% 0.0496 322.03)` | Inside | white, 17.3 to 1 |
| 2 | `#68255e` | `oklch(38.58% 0.1199 333.66)` | Palatinate Purple | white, 10.4 to 1 |
| 3 | `#b43a8d` | `oklch(55.12% 0.1791 343.17)` | Fandango | white, 5.3 to 1 |
| 4 | `#a7c928` | `oklch(78.35% 0.1778 121.60)` | Young Plum | black, 11 to 1 |
| 5 | `#e3ee91` | `oklch(92.13% 0.1171 114.20)` | Pineapple Perfume | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #261329 0.000% 20.000%, #68255e 20.000% 40.000%, #b43a8d 40.000% 60.000%, #a7c928 60.000% 80.000%, #e3ee91 80.000% 100.000%);
background: linear-gradient(45deg, oklch(22.44% 0.0496 322.03) 0.000% 20.000%, oklch(38.58% 0.1199 333.66) 20.000% 40.000%, oklch(55.12% 0.1791 343.17) 40.000% 60.000%, oklch(78.35% 0.1778 121.60) 60.000% 80.000%, oklch(92.13% 0.1171 114.20) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.05 | 322 |
| 2 | 0.386 | 0.12 | 333.7 |
| 3 | 0.551 | 0.179 | 343.2 |
| 4 | 0.783 | 0.178 | 481.6 |
| 5 | 0.921 | 0.117 | 474.2 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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