# Mint, Coral and Violet Fault Line

The Mint, Coral and Violet Fault Line brings together dark purple, purple, red, and light teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is light teal.

- Also called: Dark purple, purple, orange and teal linear swatches
- Seed: `kURkTdUFhAltByboqdEA`
- Page: https://grabient.com/kURkTdUFhAltByboqdEA?style=linearSwatches&steps=4&angle=225
- Drawn as: linear swatches, 4 steps, 225 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 9.2 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 | `#361649` | `oklch(27.56% 0.0937 310.78)` | Russian Violet | white, 15.3 to 1 |
| 2 | `#bf47e9` | `oklch(62.99% 0.2425 316.07)` | Ultraviolet Onsible | black, 5.2 to 1 |
| 3 | `#fe7345` | `oklch(71.65% 0.1805 38.49)` | Pinkish Orange | black, 7.7 to 1 |
| 4 | `#60ddcc` | `oklch(82.28% 0.1144 183.27)` | Jazzy Jade | black, 12.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #361649 0.000% 25.000%, #bf47e9 25.000% 50.000%, #fe7345 50.000% 75.000%, #60ddcc 75.000% 100.000%);
background: linear-gradient(225deg, oklch(27.56% 0.0937 310.78) 0.000% 25.000%, oklch(62.99% 0.2425 316.07) 25.000% 50.000%, oklch(71.65% 0.1805 38.49) 50.000% 75.000%, oklch(82.28% 0.1144 183.27) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.094 | 310.8 |
| 2 | 0.63 | 0.243 | 316.1 |
| 3 | 0.717 | 0.181 | 398.5 |
| 4 | 0.823 | 0.114 | 543.3 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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