# Blue and terracotta moody palette

The Blue and terracotta moody palette brings together dark blue, blue, magenta, and orange. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Blue, purple and brown linear swatches
- Seed: `kWP3jALDrBDotQVHFsP0xjJo`
- Page: https://grabient.com/kWP3jALDrBDotQVHFsP0xjJo?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#0e006d` | `oklch(24.84% 0.1628 269.99)` | The Vast of Night | white, 16.9 to 1 |
| 2 | `#160876` | `oklch(27.31% 0.1655 272.39)` | Quantum of Light | white, 15.8 to 1 |
| 3 | `#221680` | `oklch(30.91% 0.1652 275.83)` | Nightly Expedition | white, 14 to 1 |
| 4 | `#2f2289` | `oklch(34.65% 0.1612 279.51)` | Indiglow | white, 12.2 to 1 |
| 5 | `#3c2f90` | `oklch(38.26% 0.1522 282.41)` | Perfect Dark | white, 10.5 to 1 |
| 6 | `#493c94` | `oklch(42.01% 0.1395 285.54)` | Blue Gem | white, 8.9 to 1 |
| 7 | `#594796` | `oklch(45.67% 0.1240 291.14)` | Liberty | white, 7.5 to 1 |
| 8 | `#695293` | `oklch(49.17% 0.1027 298.96)` | Pure Mauve | white, 6.4 to 1 |
| 9 | `#785e8d` | `oklch(52.58% 0.0786 309.26)` | Super Violet | white, 5.5 to 1 |
| 10 | `#876888` | `oklch(55.91% 0.0620 324.95)` | Sunshone Plum | white, 4.8 to 1 |
| 11 | `#9b7082` | `oklch(59.46% 0.0590 351.88)` | Meadow Flower | black, 5 to 1 |
| 12 | `#ac7a76` | `oklch(62.93% 0.0636 24.21)` | Salon Rose | black, 5.8 to 1 |
| 13 | `#b3846d` | `oklch(65.35% 0.0675 47.38)` | Light Mocha | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0e006d 0.000% 7.692%, #160876 7.692% 15.385%, #221680 15.385% 23.077%, #2f2289 23.077% 30.769%, #3c2f90 30.769% 38.462%, #493c94 38.462% 46.154%, #594796 46.154% 53.846%, #695293 53.846% 61.538%, #785e8d 61.538% 69.231%, #876888 69.231% 76.923%, #9b7082 76.923% 84.615%, #ac7a76 84.615% 92.308%, #b3846d 92.308% 100.000%);
background: linear-gradient(90deg, oklch(24.84% 0.1628 269.99) 0.000% 7.692%, oklch(27.31% 0.1655 272.39) 7.692% 15.385%, oklch(30.91% 0.1652 275.83) 15.385% 23.077%, oklch(34.65% 0.1612 279.51) 23.077% 30.769%, oklch(38.26% 0.1522 282.41) 30.769% 38.462%, oklch(42.01% 0.1395 285.54) 38.462% 46.154%, oklch(45.67% 0.1240 291.14) 46.154% 53.846%, oklch(49.17% 0.1027 298.96) 53.846% 61.538%, oklch(52.58% 0.0786 309.26) 61.538% 69.231%, oklch(55.91% 0.0620 324.95) 69.231% 76.923%, oklch(59.46% 0.0590 351.88) 76.923% 84.615%, oklch(62.93% 0.0636 24.21) 84.615% 92.308%, oklch(65.35% 0.0675 47.38) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.165 | 270 |
| 2 | 0.346 | 0.161 | 279.5 |
| 3 | 0.457 | 0.124 | 291.1 |
| 4 | 0.559 | 0.062 | 325 |
| 5 | 0.654 | 0.068 | 407.4 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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