# Cobalt blue, terracotta and moss triadic palette

The Cobalt blue, terracotta and moss triadic palette brings together blue, red, orange, and green. 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 green.

- Also called: Blue, brown and green radial swatches
- Seed: `kYe062T59AMUn0HXJUBS6fKd6mPw`
- Page: https://grabient.com/kYe062T59AMUn0HXJUBS6fKd6mPw?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: multicolor
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 2.9 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 | `#325f9a` | `oklch(48.43% 0.1075 255.94)` | Neptune Blue | white, 6.4 to 1 |
| 2 | `#6789bc` | `oklch(62.60% 0.0854 258.05)` | Faded Blue | black, 5.9 to 1 |
| 3 | `#a5573f` | `oklch(54.33% 0.1089 37.54)` | Pennywise | white, 5.2 to 1 |
| 4 | `#d08468` | `oklch(68.50% 0.1020 40.71)` | Rosy Pashmina | black, 7.1 to 1 |
| 5 | `#6a8b41` | `oklch(59.45% 0.1089 129.48)` | Makrut Lime | black, 5.3 to 1 |
| 6 | `#a1b76a` | `oklch(74.41% 0.1047 122.08)` | Around the Gills | black, 9.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #325f9a 0.000% 16.667%, #6789bc 16.667% 33.333%, #a5573f 33.333% 50.000%, #d08468 50.000% 66.667%, #6a8b41 66.667% 83.333%, #a1b76a 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(48.43% 0.1075 255.94) 0.000% 16.667%, oklch(62.60% 0.0854 258.05) 16.667% 33.333%, oklch(54.33% 0.1089 37.54) 33.333% 50.000%, oklch(68.50% 0.1020 40.71) 50.000% 66.667%, oklch(59.45% 0.1089 129.48) 66.667% 83.333%, oklch(74.41% 0.1047 122.08) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.484 | 0.107 | 255.9 |
| 2 | 0.626 | 0.085 | 258.1 |
| 3 | 0.543 | 0.109 | 397.5 |
| 4 | 0.685 | 0.102 | 400.7 |
| 5 | 0.594 | 0.109 | 489.5 |
| 6 | 0.744 | 0.105 | 482.1 |

## In these collections

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

## Other forms

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