# Violet, deep teal and gold rayman palette

The Violet, deep teal and gold rayman palette brings together purple, green, teal, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits game interface concepts and stream graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Purple, green, teal and tan angular swatches
- Seed: `kUa13VzLIsUwiSPsHTFA`
- Page: https://grabient.com/kUa13VzLIsUwiSPsHTFA?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#593888` | `oklch(42.13% 0.1281 300.23)` | Kingfisher Daisy | white, 8.9 to 1 |
| 2 | `#5c9235` | `oklch(60.24% 0.1378 134.32)` | Pont Moss | black, 5.6 to 1 |
| 3 | `#268f9f` | `oklch(59.84% 0.0937 210.41)` | Safe Harbour | black, 5.4 to 1 |
| 4 | `#e5cb91` | `oklch(85.04% 0.0799 86.77)` | Abstract | black, 13.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #593888 0.000% 25.000%, #5c9235 25.000% 50.000%, #268f9f 50.000% 75.000%, #e5cb91 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(42.13% 0.1281 300.23) 0.000% 25.000%, oklch(60.24% 0.1378 134.32) 25.000% 50.000%, oklch(59.84% 0.0937 210.41) 50.000% 75.000%, oklch(85.04% 0.0799 86.77) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.128 | 300.2 |
| 2 | 0.602 | 0.138 | 134.3 |
| 3 | 0.598 | 0.094 | 210.4 |
| 4 | 0.85 | 0.08 | 86.8 |

## In these collections

- [Rayman swatches](https://grabient.com/rayman-swatches)

## Other forms

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