# Blue and crimson color palette

The Blue and crimson color palette brings together dark blue, blue, purple, magenta, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits album artwork and music event graphics. Its darkest tone is dark blue, and its lightest tone is red.

- Also called: Tritone navy, purple and pink linear gradient
- Seed: `kaMy67qy0_zxDwC-yMIQUdEMjJxHRy8Ig`
- Page: https://grabient.com/kaMy67qy0_zxDwC-yMIQUdEMjJxHRy8Ig?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#071432` | `oklch(20.08% 0.0634 263.67)` | Squid’s Ink | white, 18.1 to 1 |
| 2 | `#08183b` | `oklch(21.88% 0.0713 263.49)` | Maastricht Blue | white, 17.4 to 1 |
| 3 | `#0a1d47` | `oklch(24.43% 0.0824 263.19)` | Oxford Blue | white, 16.4 to 1 |
| 4 | `#0c2355` | `oklch(27.40% 0.0954 262.89)` | Downriver | white, 15 to 1 |
| 5 | `#0e2a65` | `oklch(30.50% 0.1090 262.66)` | Blue Leviathan | white, 13.6 to 1 |
| 6 | `#113174` | `oklch(33.41% 0.1220 262.60)` | Atlantic Navy | white, 12.2 to 1 |
| 7 | `#133783` | `oklch(36.16% 0.1345 262.60)` | Bavarian Blue | white, 11 to 1 |
| 8 | `#153e93` | `oklch(39.10% 0.1479 262.49)` | Navy Seal | white, 9.8 to 1 |
| 9 | `#1744a3` | `oklch(42.00% 0.1612 262.52)` | Indian Peafowl | white, 8.7 to 1 |
| 10 | `#1b4ab2` | `oklch(44.61% 0.1734 262.98)` | Aarhusian Sky | white, 7.8 to 1 |
| 11 | `#224ebf` | `oklch(46.70% 0.1834 264.14)` | Apnea Dive | white, 7.2 to 1 |
| 12 | `#2b50c7` | `oklch(48.06% 0.1903 266.14)` | New Car | white, 6.8 to 1 |
| 13 | `#354fcc` | `oklch(48.72% 0.1947 268.72)` | New Car | white, 6.7 to 1 |
| 14 | `#3e4dcd` | `oklch(48.95% 0.1972 271.89)` | Gorgonzola Blue | white, 6.6 to 1 |
| 15 | `#4849cd` | `oklch(48.98% 0.1986 275.69)` | Gorgonzola Blue | white, 6.7 to 1 |
| 16 | `#5246cc` | `oklch(49.07% 0.1994 280.18)` | Royal Nightcore | white, 6.7 to 1 |
| 17 | `#5d43cb` | `oklch(49.39% 0.2001 285.45)` | Dragonlord Purple | white, 6.7 to 1 |
| 18 | `#693fc7` | `oklch(49.67% 0.1996 291.75)` | Dragonlord Purple | white, 6.6 to 1 |
| 19 | `#753bc1` | `oklch(49.93% 0.1983 298.79)` | Purple Rain | white, 6.6 to 1 |
| 20 | `#8137ba` | `oklch(50.25% 0.1968 306.24)` | Pleasant Purple | white, 6.5 to 1 |
| 21 | `#8c34b1` | `oklch(50.73% 0.1958 313.75)` | Pleasant Purple | white, 6.4 to 1 |
| 22 | `#9732a9` | `oklch(51.45% 0.1958 321.05)` | Purple Ink | white, 6.2 to 1 |
| 23 | `#a32fa0` | `oklch(52.40% 0.1967 328.76)` | Purple Tone Ink | white, 6 to 1 |
| 24 | `#af2d96` | `oklch(53.51% 0.1981 336.72)` | Purple Cactus Flower | white, 5.7 to 1 |
| 25 | `#ba2c8c` | `oklch(54.74% 0.1998 344.49)` | Loulou’s Purple | white, 5.4 to 1 |
| 26 | `#c42c82` | `oklch(56.02% 0.2014 351.59)` | Magenta Dye | white, 5.2 to 1 |
| 27 | `#cd2e79` | `oklch(57.30% 0.2028 357.58)` | Magentarama | white, 4.9 to 1 |
| 28 | `#d63172` | `oklch(58.75% 0.2040 2.62)` | Beetroot Purple | white, 4.6 to 1 |
| 29 | `#de366c` | `oklch(60.34% 0.2052 6.96)` | 1989 Miami Hotline | black, 4.8 to 1 |
| 30 | `#e53b68` | `oklch(61.89% 0.2064 10.58)` | Fantasy Romance | black, 5.1 to 1 |
| 31 | `#eb3f64` | `oklch(63.23% 0.2074 13.49)` | Eugenia Red | black, 5.4 to 1 |
| 32 | `#f04361` | `oklch(64.17% 0.2081 15.69)` | Smudged Lips | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(270deg, #071432 0.0%, #08183b 3.2%, #0a1d47 6.5%, #0c2355 9.7%, #0e2a65 12.9%, #113174 16.1%, #133783 19.4%, #153e93 22.6%, #1744a3 25.8%, #1b4ab2 29.0%, #224ebf 32.3%, #2b50c7 35.5%, #354fcc 38.7%, #3e4dcd 41.9%, #4849cd 45.2%, #5246cc 48.4%, #5d43cb 51.6%, #693fc7 54.8%, #753bc1 58.1%, #8137ba 61.3%, #8c34b1 64.5%, #9732a9 67.7%, #a32fa0 71.0%, #af2d96 74.2%, #ba2c8c 77.4%, #c42c82 80.6%, #cd2e79 83.9%, #d63172 87.1%, #de366c 90.3%, #e53b68 93.5%, #eb3f64 96.8%, #f04361 100.0%);
background: linear-gradient(270deg in oklch, oklch(20.08% 0.0634 263.67) 0.0%, oklch(21.88% 0.0713 263.49) 3.2%, oklch(24.43% 0.0824 263.19) 6.5%, oklch(27.40% 0.0954 262.89) 9.7%, oklch(30.50% 0.1090 262.66) 12.9%, oklch(33.41% 0.1220 262.60) 16.1%, oklch(36.16% 0.1345 262.60) 19.4%, oklch(39.10% 0.1479 262.49) 22.6%, oklch(42.00% 0.1612 262.52) 25.8%, oklch(44.61% 0.1734 262.98) 29.0%, oklch(46.70% 0.1834 264.14) 32.3%, oklch(48.06% 0.1903 266.14) 35.5%, oklch(48.72% 0.1947 268.72) 38.7%, oklch(48.95% 0.1972 271.89) 41.9%, oklch(48.98% 0.1986 275.69) 45.2%, oklch(49.07% 0.1994 280.18) 48.4%, oklch(49.39% 0.2001 285.45) 51.6%, oklch(49.67% 0.1996 291.75) 54.8%, oklch(49.93% 0.1983 298.79) 58.1%, oklch(50.25% 0.1968 306.24) 61.3%, oklch(50.73% 0.1958 313.75) 64.5%, oklch(51.45% 0.1958 321.05) 67.7%, oklch(52.40% 0.1967 328.76) 71.0%, oklch(53.51% 0.1981 336.72) 74.2%, oklch(54.74% 0.1998 344.49) 77.4%, oklch(56.02% 0.2014 351.59) 80.6%, oklch(57.30% 0.2028 357.58) 83.9%, oklch(58.75% 0.2040 2.62) 87.1%, oklch(60.34% 0.2052 6.96) 90.3%, oklch(61.89% 0.2064 10.58) 93.5%, oklch(63.23% 0.2074 13.49) 96.8%, oklch(64.17% 0.2081 15.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.063 | 263.7 |
| 2 | 0.339 | 0.124 | 262.6 |
| 3 | 0.472 | 0.186 | 264.7 |
| 4 | 0.492 | 0.2 | 282.7 |
| 5 | 0.512 | 0.196 | 318.6 |
| 6 | 0.571 | 0.203 | 356.7 |
| 7 | 0.642 | 0.208 | 375.7 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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