# Golden violet green split

Golden yellow stands against violet while muted green supplies the neighboring split hue in a clear angular arrangement. The contrast feels balanced, earthy, and graphic rather than chaotic. It works for editorial illustration, poster layouts, identity accents, and searches for split complementary palettes, violet and yellow colors, or green accent swatches.

- Also called: Purple, green and mustard angular swatches
- Seed: `kUZV3dTbPANiqLTfsbhg`
- Page: https://grabient.com/kUZV3dTbPANiqLTfsbhg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: dark to light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.4 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 | `#5d2d79` | `oklch(39.76% 0.1281 310.78)` | Foggy Amethyst | white, 9.9 to 1 |
| 2 | `#a067bf` | `oklch(61.02% 0.1419 312.89)` | Prickly Purple | black, 5.1 to 1 |
| 3 | `#5db27d` | `oklch(69.69% 0.1157 154.38)` | Pale Green | black, 8.1 to 1 |
| 4 | `#cfaa35` | `oklch(75.20% 0.1364 90.98)` | Brassy | black, 9.4 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #5d2d79 0.000% 25.000%, #a067bf 25.000% 50.000%, #5db27d 50.000% 75.000%, #cfaa35 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(39.76% 0.1281 310.78) 0.000% 25.000%, oklch(61.02% 0.1419 312.89) 25.000% 50.000%, oklch(69.69% 0.1157 154.38) 50.000% 75.000%, oklch(75.20% 0.1364 90.98) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.398 | 0.128 | 310.8 |
| 2 | 0.61 | 0.142 | 312.9 |
| 3 | 0.697 | 0.116 | 154.4 |
| 4 | 0.752 | 0.136 | 91 |

## In these collections

- [Split complementary swatches](https://grabient.com/split-complementary-swatches)

## Other forms

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