# Crimson analogous palette

The Crimson analogous palette brings together red. 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 lightest and darkest tones both fall within the red color family.

- Also called: Analogous salmon and maroon linear swatches
- Seed: `kUrFgVTTO_US0Py-Lj5g`
- Page: https://grabient.com/kUrFgVTTO_US0Py-Lj5g?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#d8796b` | `oklch(67.72% 0.1213 29.53)` | Lei Flower | black, 6.8 to 1 |
| 2 | `#ce625b` | `oklch(62.54% 0.1376 25.77)` | Japanese Kimono | black, 5.5 to 1 |
| 3 | `#be4e50` | `oklch(57.16% 0.1449 21.54)` | Bittersweet Shimmer | white, 4.7 to 1 |
| 4 | `#ab4150` | `oklch(52.43% 0.1400 14.89)` | Romantic Embers | white, 5.8 to 1 |
| 5 | `#983b56` | `oklch(48.82% 0.1268 5.23)` | Ancient Magenta | white, 6.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d8796b 0.000% 20.000%, #ce625b 20.000% 40.000%, #be4e50 40.000% 60.000%, #ab4150 60.000% 80.000%, #983b56 80.000% 100.000%);
background: linear-gradient(135deg, oklch(67.72% 0.1213 29.53) 0.000% 20.000%, oklch(62.54% 0.1376 25.77) 20.000% 40.000%, oklch(57.16% 0.1449 21.54) 40.000% 60.000%, oklch(52.43% 0.1400 14.89) 60.000% 80.000%, oklch(48.82% 0.1268 5.23) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.121 | 29.5 |
| 2 | 0.606 | 0.142 | 24.2 |
| 3 | 0.539 | 0.143 | 17.9 |
| 4 | 0.488 | 0.127 | 5.2 |

## In these collections

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

## Other forms

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