# Moss and mauve triadic palette

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

- Also called: Olive, purple and blue linear swatches
- Seed: `kYijpV2R4_zsdMLOmkCPxaxtGRP4`
- Page: https://grabient.com/kYijpV2R4_zsdMLOmkCPxaxtGRP4?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: muted, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.7 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 | `#69773f` | `oklch(54.33% 0.0799 120.23)` | Ghoul | white, 4.8 to 1 |
| 2 | `#99a66b` | `oklch(70.08% 0.0827 119.18)` | Green Plaza | black, 8 to 1 |
| 3 | `#7b465f` | `oklch(46.46% 0.0799 350.25)` | Princely | white, 7.3 to 1 |
| 4 | `#a97487` | `oklch(61.81% 0.0717 355.54)` | Never Forget | black, 5.5 to 1 |
| 5 | `#3d6881` | `oklch(49.61% 0.0620 235.07)` | Good Samaritan | white, 6 to 1 |
| 6 | `#7092a5` | `oklch(64.17% 0.0469 231.90)` | Architecture Blue | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #69773f 0.000% 16.667%, #99a66b 16.667% 33.333%, #7b465f 33.333% 50.000%, #a97487 50.000% 66.667%, #3d6881 66.667% 83.333%, #7092a5 83.333% 100.000%);
background: linear-gradient(90deg, oklch(54.33% 0.0799 120.23) 0.000% 16.667%, oklch(70.08% 0.0827 119.18) 16.667% 33.333%, oklch(46.46% 0.0799 350.25) 33.333% 50.000%, oklch(61.81% 0.0717 355.54) 50.000% 66.667%, oklch(49.61% 0.0620 235.07) 66.667% 83.333%, oklch(64.17% 0.0469 231.90) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.08 | 120.2 |
| 2 | 0.701 | 0.083 | 119.2 |
| 3 | 0.465 | 0.08 | -9.7 |
| 4 | 0.618 | 0.072 | -4.5 |
| 5 | 0.496 | 0.062 | -124.9 |
| 6 | 0.642 | 0.047 | -128.1 |

## In these collections

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

## Other forms

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