# Rose, mauve and mustard triadic palette

The Rose, mauve and mustard triadic palette brings together red, teal, green, and light yellow. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light yellow.

- Also called: Muted rainbow from magenta to tan angular swatches
- Seed: `kYgGwD0zHBMucrdalz006k2ecjPo`
- Page: https://grabient.com/kYgGwD0zHBMucrdalz006k2ecjPo?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 3.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 | `#a53659` | `oklch(50.39% 0.1488 4.92)` | Cranberry Sauce | white, 6.4 to 1 |
| 2 | `#d66a74` | `oklch(65.35% 0.1364 15.49)` | Kiss and Tell | black, 6.1 to 1 |
| 3 | `#4389a0` | `oklch(59.45% 0.0785 222.26)` | Hippie Blue | black, 5.3 to 1 |
| 4 | `#71afb1` | `oklch(71.26% 0.0634 199.01)` | Venice Escape | black, 8.4 to 1 |
| 5 | `#8a9b45` | `oklch(65.75% 0.1130 118.70)` | Café de Paris | black, 6.8 to 1 |
| 6 | `#c8c67b` | `oklch(81.10% 0.0965 107.07)` | Soda Pop | black, 11.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #a53659 0.000% 16.667%, #d66a74 16.667% 33.333%, #4389a0 33.333% 50.000%, #71afb1 50.000% 66.667%, #8a9b45 66.667% 83.333%, #c8c67b 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(50.39% 0.1488 4.92) 0.000% 16.667%, oklch(65.35% 0.1364 15.49) 16.667% 33.333%, oklch(59.45% 0.0785 222.26) 33.333% 50.000%, oklch(71.26% 0.0634 199.01) 50.000% 66.667%, oklch(65.75% 0.1130 118.70) 66.667% 83.333%, oklch(81.10% 0.0965 107.07) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.149 | 4.9 |
| 2 | 0.654 | 0.136 | 15.5 |
| 3 | 0.594 | 0.079 | -137.7 |
| 4 | 0.713 | 0.063 | -161 |
| 5 | 0.657 | 0.113 | -241.3 |
| 6 | 0.811 | 0.096 | -252.9 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)

## Other forms

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