# Aubergine, crimson and cobalt blue jewel tones

The Aubergine, crimson and cobalt blue jewel tones brings together purple, red, and blue. 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 purple, and its lightest tone is blue.

- Also called: Tritone purple, maroon and blue linear swatches
- Seed: `kUUD7XsyhGcmowvKorFA`
- Page: https://grabient.com/kUUD7XsyhGcmowvKorFA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#3b2555` | `oklch(31.50% 0.0854 303.05)` | Stormy Night | white, 13.3 to 1 |
| 2 | `#742948` | `oklch(40.16% 0.1102 358.00)` | Palace Red | white, 9.7 to 1 |
| 3 | `#b35d5a` | `oklch(57.87% 0.1116 23.36)` | Pottery Red | black, 4.6 to 1 |
| 4 | `#5a7db5` | `oklch(58.66% 0.0951 259.72)` | Woad Blue | black, 5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #3b2555 0.000% 25.000%, #742948 25.000% 50.000%, #b35d5a 50.000% 75.000%, #5a7db5 75.000% 100.000%);
background: linear-gradient(45deg, oklch(31.50% 0.0854 303.05) 0.000% 25.000%, oklch(40.16% 0.1102 358.00) 25.000% 50.000%, oklch(57.87% 0.1116 23.36) 50.000% 75.000%, oklch(58.66% 0.0951 259.72) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.085 | 303 |
| 2 | 0.402 | 0.11 | 358 |
| 3 | 0.579 | 0.112 | 383.4 |
| 4 | 0.587 | 0.095 | 259.7 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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