# Crimson, violet and deep cyan color palette

The Crimson, violet and deep cyan color palette brings together red, blue, magenta, and dark teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is dark teal, and its lightest tone is magenta.

- Also called: Red, blue, pink and black linear swatches
- Seed: `kUpaAVv9Axl5FSQgIK6A`
- Page: https://grabient.com/kUpaAVv9Axl5FSQgIK6A?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#f8432f` | `oklch(64.96% 0.2205 30.23)` | Strawberry Spinach Red | black, 5.8 to 1 |
| 2 | `#334dde` | `oklch(50.00% 0.2205 268.71)` | Veteran’s Day Blue | white, 6.4 to 1 |
| 3 | `#fc72c4` | `oklch(74.02% 0.1902 345.85)` | Nervous Neon Pink | black, 8.3 to 1 |
| 4 | `#00282a` | `oklch(25.21% 0.0429 199.00)` | Teal Spill | white, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f8432f 0.000% 25.000%, #334dde 25.000% 50.000%, #fc72c4 50.000% 75.000%, #00282a 75.000% 100.000%);
background: linear-gradient(90deg, oklch(64.96% 0.2205 30.23) 0.000% 25.000%, oklch(50.00% 0.2205 268.71) 25.000% 50.000%, oklch(74.02% 0.1902 345.85) 50.000% 75.000%, oklch(25.21% 0.0429 199.00) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.22 | 30.2 |
| 2 | 0.5 | 0.22 | -91.3 |
| 3 | 0.74 | 0.19 | -14.1 |
| 4 | 0.252 | 0.09 | -161 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)
- [Energetic swatches](https://grabient.com/energetic-swatches)
- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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