# Crimson, sage and dusty blue triadic palette

The Crimson, sage and dusty blue triadic palette brings together red, orange, green, 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 blue, and its lightest tone is green.

- Also called: Brown, salmon, green and blue radial swatches
- Seed: `kYflcXUyhA0IbztUGj9PCLNs8bwG`
- Page: https://grabient.com/kYflcXUyhA0IbztUGj9PCLNs8bwG?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.3 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 | `#9a4433` | `oklch(49.61% 0.1199 32.34)` | Burnt Earth | white, 6.4 to 1 |
| 2 | `#c9785c` | `oklch(65.35% 0.1102 39.74)` | Gold Pheasant | black, 6.3 to 1 |
| 3 | `#39775e` | `oklch(51.97% 0.0758 165.49)` | Scouring Rush | white, 5.3 to 1 |
| 4 | `#6ba184` | `oklch(66.14% 0.0717 160.21)` | Sea Lettuce | black, 7 to 1 |
| 5 | `#4e5690` | `oklch(47.24% 0.0951 276.45)` | Onion Skin Blue | white, 6.9 to 1 |
| 6 | `#7e82b4` | `oklch(62.20% 0.0758 280.68)` | Deep Periwinkle | black, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9a4433 0.000% 16.667%, #c9785c 16.667% 33.333%, #39775e 33.333% 50.000%, #6ba184 50.000% 66.667%, #4e5690 66.667% 83.333%, #7e82b4 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(49.61% 0.1199 32.34) 0.000% 16.667%, oklch(65.35% 0.1102 39.74) 16.667% 33.333%, oklch(51.97% 0.0758 165.49) 33.333% 50.000%, oklch(66.14% 0.0717 160.21) 50.000% 66.667%, oklch(47.24% 0.0951 276.45) 66.667% 83.333%, oklch(62.20% 0.0758 280.68) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.496 | 0.12 | 32.3 |
| 2 | 0.654 | 0.11 | 39.7 |
| 3 | 0.52 | 0.076 | 165.5 |
| 4 | 0.661 | 0.072 | 160.2 |
| 5 | 0.472 | 0.095 | 276.5 |
| 6 | 0.622 | 0.076 | 280.7 |

## In these collections

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

## Other forms

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