# Crimson and blue dark multicolor palette

The Crimson and blue dark multicolor palette brings together red, magenta, blue, and dark 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 dark blue, and its lightest tone is red.

- Also called: Tritone maroon, purple and navy linear swatches
- Seed: `kadVgNsxa67ChOOvq75rKS_KgWvsmDsHA`
- Page: https://grabient.com/kadVgNsxa67ChOOvq75rKS_KgWvsmDsHA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#8f363c` | `oklch(46.06% 0.1213 18.98)` | Fire Chi | white, 7.5 to 1 |
| 2 | `#78394d` | `oklch(43.23% 0.0898 1.55)` | July Ruby | white, 8.4 to 1 |
| 3 | `#5d3b54` | `oklch(40.16% 0.0620 336.71)` | Blackberry Wine | white, 9.4 to 1 |
| 4 | `#4e3a63` | `oklch(38.85% 0.0710 305.28)` | Mulberry Purple | white, 9.9 to 1 |
| 5 | `#383c72` | `oklch(38.19% 0.0909 277.54)` | Torea Bay | white, 10.1 to 1 |
| 6 | `#293d7b` | `oklch(37.82% 0.1084 267.89)` | Mazarine Blue | white, 10.2 to 1 |
| 7 | `#203b7f` | `oklch(37.40% 0.1199 264.86)` | Surf the Web | white, 10.4 to 1 |
| 8 | `#193a79` | `oklch(36.39% 0.1145 261.49)` | Surf the Web | white, 10.8 to 1 |
| 9 | `#15396e` | `oklch(35.04% 0.1006 258.51)` | Tardis Blue | white, 11.3 to 1 |
| 10 | `#11375e` | `oklch(33.22% 0.0815 252.37)` | Incremental Blue | white, 12.1 to 1 |
| 11 | `#153350` | `oklch(31.50% 0.0620 249.00)` | Beyond the Stars | white, 12.8 to 1 |
| 12 | `#1e3047` | `oklch(30.49% 0.0486 256.34)` | Manganese Black | white, 13.4 to 1 |
| 13 | `#242d42` | `oklch(29.92% 0.0400 264.86)` | Latin Charm | white, 13.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #8f363c 0.000% 7.692%, #78394d 7.692% 15.385%, #5d3b54 15.385% 23.077%, #4e3a63 23.077% 30.769%, #383c72 30.769% 38.462%, #293d7b 38.462% 46.154%, #203b7f 46.154% 53.846%, #193a79 53.846% 61.538%, #15396e 61.538% 69.231%, #11375e 69.231% 76.923%, #153350 76.923% 84.615%, #1e3047 84.615% 92.308%, #242d42 92.308% 100.000%);
background: linear-gradient(90deg, oklch(46.06% 0.1213 18.98) 0.000% 7.692%, oklch(43.23% 0.0898 1.55) 7.692% 15.385%, oklch(40.16% 0.0620 336.71) 15.385% 23.077%, oklch(38.85% 0.0710 305.28) 23.077% 30.769%, oklch(38.19% 0.0909 277.54) 30.769% 38.462%, oklch(37.82% 0.1084 267.89) 38.462% 46.154%, oklch(37.40% 0.1199 264.86) 46.154% 53.846%, oklch(36.39% 0.1145 261.49) 53.846% 61.538%, oklch(35.04% 0.1006 258.51) 61.538% 69.231%, oklch(33.22% 0.0815 252.37) 69.231% 76.923%, oklch(31.50% 0.0620 249.00) 76.923% 84.615%, oklch(30.49% 0.0486 256.34) 84.615% 92.308%, oklch(29.92% 0.0400 264.86) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.121 | 19 |
| 2 | 0.402 | 0.062 | -23.3 |
| 3 | 0.382 | 0.091 | -82.5 |
| 4 | 0.374 | 0.12 | -95.1 |
| 5 | 0.35 | 0.101 | -101.5 |
| 6 | 0.315 | 0.062 | -111 |
| 7 | 0.299 | 0.04 | -95.1 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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