# Purple and Yellow: Magenta and ochre

The "Purple and Yellow: Magenta and ochre" palette brings together magenta, light blue, gold, and light yellow. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is gold, and its lightest tone is light yellow.

- Also called: Purple, orange, yellow and brown angular swatches
- Seed: `kWoJHm7RY79yvUfyr0JuqS-w`
- Page: https://grabient.com/kWoJHm7RY79yvUfyr0JuqS-w?style=angularSwatches&steps=5&angle=210
- Drawn as: angular swatches, 5 steps, 210 degrees
- Kinds: light center, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#c154cb` | `oklch(62.99% 0.1998 324.14)` | Love Priestess | black, 5.4 to 1 |
| 2 | `#cfcaf6` | `oklch(85.83% 0.0606 290.32)` | Soap | black, 13.4 to 1 |
| 3 | `#cf9e37` | `oklch(72.83% 0.1295 82.50)` | Tiger Cat | black, 8.6 to 1 |
| 4 | `#ede378` | `oklch(90.16% 0.1295 103.63)` | Banana Ball | black, 15.8 to 1 |
| 5 | `#6a5700` | `oklch(46.06% 0.0944 94.09)` | Ayahuasca Vine | white, 7.1 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #c154cb 0.000% 20.000%, #cfcaf6 20.000% 40.000%, #cf9e37 40.000% 60.000%, #ede378 60.000% 80.000%, #6a5700 80.000% 100.000%);
background: conic-gradient(from 210deg, oklch(62.99% 0.1998 324.14) 0.000% 20.000%, oklch(85.83% 0.0606 290.32) 20.000% 40.000%, oklch(72.83% 0.1295 82.50) 40.000% 60.000%, oklch(90.16% 0.1295 103.63) 60.000% 80.000%, oklch(46.06% 0.0944 94.09) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.2 | 324.1 |
| 2 | 0.858 | 0.061 | 290.3 |
| 3 | 0.728 | 0.13 | 442.5 |
| 4 | 0.902 | 0.13 | 463.6 |
| 5 | 0.461 | 0.101 | 454.1 |

## In these collections

- [Purple and yellow swatches](https://grabient.com/purple-and-yellow-swatches)

## Other forms

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