# Crimson, mauve and ochre tetradic palette

The Crimson, mauve and ochre tetradic palette brings together red, light green, blue, and light orange. 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 blue, and its lightest tone is light green.

- Also called: Muted rainbow from brown to tan angular swatches
- Seed: `kUdkoP4htNLgRz5hG9Vg`
- Page: https://grabient.com/kUdkoP4htNLgRz5hG9Vg?style=angularSwatches&angle=200
- Drawn as: angular swatches, 7 steps, 200 degrees
- Kinds: rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#893f3f` | `oklch(46.46% 0.1020 21.80)` | Cranberry Tart | white, 7.3 to 1 |
| 2 | `#af824c` | `oklch(63.88% 0.0898 69.55)` | Gold Plated | black, 6.1 to 1 |
| 3 | `#a2c08f` | `oklch(77.17% 0.0744 133.81)` | Gaia Stone | black, 10.4 to 1 |
| 4 | `#568d8d` | `oklch(60.53% 0.0579 195.50)` | Bristol Blue | black, 5.5 to 1 |
| 5 | `#46526e` | `oklch(44.09% 0.0482 265.91)` | East Bay | white, 7.7 to 1 |
| 6 | `#9a6c76` | `oklch(58.17% 0.0604 5.04)` | Concerto | black, 4.7 to 1 |
| 7 | `#c7b07a` | `oklch(76.38% 0.0758 87.67)` | Saucy | black, 9.9 to 1 |

## CSS

```css
background: conic-gradient(from 200deg, #893f3f 0.000% 14.286%, #af824c 14.286% 28.571%, #a2c08f 28.571% 42.857%, #568d8d 42.857% 57.143%, #46526e 57.143% 71.429%, #9a6c76 71.429% 85.714%, #c7b07a 85.714% 100.000%);
background: conic-gradient(from 200deg, oklch(46.46% 0.1020 21.80) 0.000% 14.286%, oklch(63.88% 0.0898 69.55) 14.286% 28.571%, oklch(77.17% 0.0744 133.81) 28.571% 42.857%, oklch(60.53% 0.0579 195.50) 42.857% 57.143%, oklch(44.09% 0.0482 265.91) 57.143% 71.429%, oklch(58.17% 0.0604 5.04) 71.429% 85.714%, oklch(76.38% 0.0758 87.67) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.102 | 21.8 |
| 2 | 0.772 | 0.074 | 133.8 |
| 3 | 0.441 | 0.048 | 265.9 |
| 4 | 0.764 | 0.076 | 447.7 |

## In these collections

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

## Other forms

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