# Primary Colors with Blush

The Crimson and teal triadic palette brings together red, gold, blue, and pale red. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale red.

- Also called: Rainbow from red to pink linear swatches
- Seed: `kUk5ESaDpIL_I0twFk6g`
- Page: https://grabient.com/kUk5ESaDpIL_I0twFk6g?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.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 | `#d73336` | `oklch(57.87% 0.1998 25.31)` | Akuma | white, 4.7 to 1 |
| 2 | `#e4c126` | `oklch(81.89% 0.1598 95.06)` | Finger Banana | black, 12 to 1 |
| 3 | `#0061bd` | `oklch(50.00% 0.1627 254.65)` | Amnesia Blue | white, 6 to 1 |
| 4 | `#fec9c8` | `oklch(88.19% 0.0606 19.32)` | Elegant Light Rose | black, 14.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d73336 0.000% 25.000%, #e4c126 25.000% 50.000%, #0061bd 50.000% 75.000%, #fec9c8 75.000% 100.000%);
background: linear-gradient(180deg, oklch(57.87% 0.1998 25.31) 0.000% 25.000%, oklch(81.89% 0.1598 95.06) 25.000% 50.000%, oklch(50.00% 0.1627 254.65) 50.000% 75.000%, oklch(88.19% 0.0606 19.32) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.2 | 25.3 |
| 2 | 0.819 | 0.16 | 95.1 |
| 3 | 0.5 | 0.2 | 254.6 |
| 4 | 0.882 | 0.061 | 379.3 |

## In these collections

- [Blue and yellow swatches](https://grabient.com/blue-and-yellow-swatches)
- [Triadic swatches](https://grabient.com/triadic-swatches)

## Other forms

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