# Crimson and deep cyan late winter protea

The Crimson and deep cyan late winter protea brings together red, light orange, green, and teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is teal, and its lightest tone is light orange.

- Also called: Mauve, tan, gray and teal linear swatches
- Seed: `kWkkwR3p5CeOSxNVkMeuxPFo`
- Page: https://grabient.com/kWkkwR3p5CeOSxNVkMeuxPFo?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.4 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 | `#ae5e59` | `oklch(57.48% 0.1047 24.61)` | Pottery Red | white, 4.6 to 1 |
| 2 | `#d39179` | `oklch(71.58% 0.0881 39.89)` | Orange Essential | black, 8 to 1 |
| 3 | `#d4b28e` | `oklch(78.47% 0.0622 67.76)` | Crème de Caramel | black, 10.5 to 1 |
| 4 | `#b0b392` | `oklch(75.49% 0.0462 112.23)` | Dill Seed | black, 9.6 to 1 |
| 5 | `#719483` | `oklch(63.45% 0.0464 164.06)` | Up North | black, 6.2 to 1 |
| 6 | `#316266` | `oklch(46.46% 0.0537 201.09)` | Deep Marine | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ae5e59 0.000% 16.667%, #d39179 16.667% 33.333%, #d4b28e 33.333% 50.000%, #b0b392 50.000% 66.667%, #719483 66.667% 83.333%, #316266 83.333% 100.000%);
background: linear-gradient(90deg, oklch(57.48% 0.1047 24.61) 0.000% 16.667%, oklch(71.58% 0.0881 39.89) 16.667% 33.333%, oklch(78.47% 0.0622 67.76) 33.333% 50.000%, oklch(75.49% 0.0462 112.23) 50.000% 66.667%, oklch(63.45% 0.0464 164.06) 66.667% 83.333%, oklch(46.46% 0.0537 201.09) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.105 | 24.6 |
| 2 | 0.744 | 0.083 | 45.7 |
| 3 | 0.783 | 0.051 | 87 |
| 4 | 0.673 | 0.045 | 152.5 |
| 5 | 0.465 | 0.054 | 201.1 |

## In these collections

- [Late winter protea](https://grabient.com/late-winter-protea)
- [Between tides](https://grabient.com/between-tides)

## Other forms

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