# Crimson, indigo and turquoise color palette

The Crimson, indigo and turquoise color palette brings together orange, magenta, purple, blue, and teal. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is purple, and its lightest tone is teal.

- Also called: Vivid tritone brown, purple and blue linear swatches
- Seed: `kYmGAbvzM67g-OY-SjwzLw-Noju8`
- Page: https://grabient.com/kYmGAbvzM67g-OY-SjwzLw-Noju8?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#c16040` | `oklch(59.84% 0.1323 38.67)` | Robust Orange | black, 4.9 to 1 |
| 2 | `#9d3864` | `oklch(49.61% 0.1406 356.40)` | Royal Flush | white, 6.6 to 1 |
| 3 | `#67309e` | `oklch(44.09% 0.1709 302.51)` | Rebecca Purple | white, 8.4 to 1 |
| 4 | `#3a4bd1` | `oklch(48.82% 0.2039 270.80)` | Gorgonzola Blue | white, 6.7 to 1 |
| 5 | `#3380e1` | `oklch(60.24% 0.1654 256.01)` | Soothing Sapphire | black, 5.3 to 1 |
| 6 | `#51afcc` | `oklch(70.87% 0.0978 221.14)` | Frozen Wave | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c16040 0.000% 16.667%, #9d3864 16.667% 33.333%, #67309e 33.333% 50.000%, #3a4bd1 50.000% 66.667%, #3380e1 66.667% 83.333%, #51afcc 83.333% 100.000%);
background: linear-gradient(90deg, oklch(59.84% 0.1323 38.67) 0.000% 16.667%, oklch(49.61% 0.1406 356.40) 16.667% 33.333%, oklch(44.09% 0.1709 302.51) 33.333% 50.000%, oklch(48.82% 0.2039 270.80) 50.000% 66.667%, oklch(60.24% 0.1654 256.01) 66.667% 83.333%, oklch(70.87% 0.0978 221.14) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.132 | 38.7 |
| 2 | 0.496 | 0.141 | -3.6 |
| 3 | 0.441 | 0.171 | -57.5 |
| 4 | 0.488 | 0.204 | -89.2 |
| 5 | 0.602 | 0.165 | -104 |
| 6 | 0.709 | 0.098 | -138.9 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)
- [Locker sticker collage](https://grabient.com/locker-sticker-collage)

## Other forms

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