# Crimson color palette

The Crimson color palette brings together red, light red, pale red, and off-white. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Analogous red, pink and white linear swatches
- Seed: `kWk5ENVro_-Mpv_wGb_-we_4`
- Page: https://grabient.com/kWk5ENVro_-Mpv_wGb_-we_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.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 | `#d6314a` | `oklch(57.87% 0.1998 18.28)` | Anarchist | white, 4.7 to 1 |
| 2 | `#ea6972` | `oklch(68.11% 0.1598 18.28)` | Purehearted | black, 6.7 to 1 |
| 3 | `#f8999b` | `oklch(77.95% 0.1144 18.28)` | Peach Punch | black, 9.9 to 1 |
| 4 | `#ffc8c8` | `oklch(88.19% 0.0625 18.28)` | Elegant Light Rose | black, 14.3 to 1 |
| 5 | `#fff1f1` | `oklch(96.85% 0.0154 18.28)` | Sefid White | black, 19 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d6314a 0.000% 20.000%, #ea6972 20.000% 40.000%, #f8999b 40.000% 60.000%, #ffc8c8 60.000% 80.000%, #fff1f1 80.000% 100.000%);
background: linear-gradient(90deg, oklch(57.87% 0.1998 18.28) 0.000% 20.000%, oklch(68.11% 0.1598 18.28) 20.000% 40.000%, oklch(77.95% 0.1144 18.28) 40.000% 60.000%, oklch(88.19% 0.0625 18.28) 60.000% 80.000%, oklch(96.85% 0.0154 18.28) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.2 | 18.3 |
| 2 | 0.681 | 0.16 | 18.3 |
| 3 | 0.78 | 0.114 | 18.3 |
| 4 | 0.882 | 0.07 | 18.3 |
| 5 | 0.969 | 0.021 | 18.3 |

## In these collections

- [Tint swatches](https://grabient.com/tint-swatches)
- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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