# Violet, cobalt blue and turquoise analogous palette

The Violet, cobalt blue and turquoise analogous palette brings together purple, blue, and teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is purple, and its lightest tone is teal.

- Also called: Tritone purple, blue and teal linear swatches
- Seed: `kUgW3YRbI80wnvBUozqg`
- Page: https://grabient.com/kUgW3YRbI80wnvBUozqg?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#784aaa` | `oklch(50.79% 0.1502 303.75)` | Royal Lavender | white, 6.2 to 1 |
| 2 | `#6c59b8` | `oklch(52.88% 0.1445 289.62)` | Blue Marguerite | white, 5.5 to 1 |
| 3 | `#586cc1` | `oklch(55.65% 0.1328 271.37)` | Amparo Blue | white, 4.8 to 1 |
| 4 | `#467fbe` | `oklch(58.70% 0.1139 251.97)` | Tufts Blue | black, 5 to 1 |
| 5 | `#3395b7` | `oklch(62.73% 0.1021 225.53)` | Enchanted Well | black, 6.1 to 1 |
| 6 | `#39a5ab` | `oklch(66.54% 0.0965 200.19)` | Modal Blue | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #784aaa 0.000% 16.667%, #6c59b8 16.667% 33.333%, #586cc1 33.333% 50.000%, #467fbe 50.000% 66.667%, #3395b7 66.667% 83.333%, #39a5ab 83.333% 100.000%);
background: linear-gradient(180deg, oklch(50.79% 0.1502 303.75) 0.000% 16.667%, oklch(52.88% 0.1445 289.62) 16.667% 33.333%, oklch(55.65% 0.1328 271.37) 33.333% 50.000%, oklch(58.70% 0.1139 251.97) 50.000% 66.667%, oklch(62.73% 0.1021 225.53) 66.667% 83.333%, oklch(66.54% 0.0965 200.19) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.15 | 303.8 |
| 2 | 0.547 | 0.138 | 277.3 |
| 3 | 0.598 | 0.109 | 244.6 |
| 4 | 0.665 | 0.096 | 200.2 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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