# Gold, turquoise and mauve tetradic palette

The Gold, turquoise and mauve tetradic palette brings together light orange, green, light blue, and magenta. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light orange.

- Also called: Pastel rainbow from tan to purple linear swatches
- Seed: `kU0zo115xKmMeyrRl0qA`
- Page: https://grabient.com/kU0zo115xKmMeyrRl0qA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: pastel, rainbow
- Hues: rainbow
- Contrast of its darkest and lightest colors: 2 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 | `#e6c18d` | `oklch(83.07% 0.0799 75.23)` | Gold Hearted | black, 12.3 to 1 |
| 2 | `#6bab8f` | `oklch(68.90% 0.0772 165.06)` | Dublin Jack | black, 7.8 to 1 |
| 3 | `#94baed` | `oklch(77.95% 0.0841 255.94)` | Electric Eel | black, 10.4 to 1 |
| 4 | `#aa7d95` | `oklch(64.17% 0.0634 345.76)` | Cali Lily | black, 6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e6c18d 0.000% 25.000%, #6bab8f 25.000% 50.000%, #94baed 50.000% 75.000%, #aa7d95 75.000% 100.000%);
background: linear-gradient(90deg, oklch(83.07% 0.0799 75.23) 0.000% 25.000%, oklch(68.90% 0.0772 165.06) 25.000% 50.000%, oklch(77.95% 0.0841 255.94) 50.000% 75.000%, oklch(64.17% 0.0634 345.76) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.08 | 75.2 |
| 2 | 0.689 | 0.077 | 165.1 |
| 3 | 0.78 | 0.084 | 255.9 |
| 4 | 0.642 | 0.063 | 345.8 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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