# Cranberry teal and pale reed stripes

Cranberry and berry red deepen into near-black plum, then lift through dark blue and wet teal into sage and pale reed beige. Sixteen diagonal swatches give this harvest palette a clear dark pause between its fruit colors and quieter waterside tones. The red, green and neutral passages suggest a cranberry bog at the end of summer.

- Also called: Maroon, black, teal and beige linear swatches
- Seed: `kWcGAHRDnAZuJveyka46ZExA`
- Page: https://grabient.com/kWcGAHRDnAZuJveyka46ZExA?style=linearSwatches&steps=16&angle=135
- Drawn as: linear swatches, 16 steps, 135 degrees
- Kinds: dark center
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.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 | `#8c2a42` | `oklch(44.09% 0.1323 9.84)` | Rumba Red | white, 8.3 to 1 |
| 2 | `#992f47` | `oklch(47.01% 0.1415 11.22)` | Crimson Shadows | white, 7.3 to 1 |
| 3 | `#ad354d` | `oklch(51.33% 0.1552 13.26)` | Amore | white, 6.1 to 1 |
| 4 | `#ba3b51` | `oklch(54.15% 0.1630 14.51)` | Merlot Magic | white, 5.4 to 1 |
| 5 | `#b13a4f` | `oklch(52.51% 0.1539 13.83)` | Romantic Embers | white, 5.8 to 1 |
| 6 | `#88303d` | `oklch(44.12% 0.1204 14.93)` | Blood Oath | white, 8.2 to 1 |
| 7 | `#552228` | `oklch(32.79% 0.0756 14.53)` | Burnt Crimson | white, 12.7 to 1 |
| 8 | `#2d171c` | `oklch(23.72% 0.0373 6.25)` | Black Cherry | white, 16.7 to 1 |
| 9 | `#20151c` | `oklch(21.37% 0.0216 343.64)` | Bats Cloak | white, 17.6 to 1 |
| 10 | `#221c29` | `oklch(24.09% 0.0250 305.56)` | Black Howl | white, 16.5 to 1 |
| 11 | `#232e40` | `oklch(30.01% 0.0369 260.25)` | Imperial Primer | white, 13.6 to 1 |
| 12 | `#214852` | `oklch(37.72% 0.0471 216.68)` | Moscow Midnight | white, 9.9 to 1 |
| 13 | `#3c665c` | `oklch(47.51% 0.0494 178.39)` | Forest Greenery | white, 6.5 to 1 |
| 14 | `#748a6e` | `oklch(60.82% 0.0491 139.50)` | Wonderland | black, 5.6 to 1 |
| 15 | `#afad8a` | `oklch(73.97% 0.0477 105.23)` | Underhive Ash | black, 9.1 to 1 |
| 16 | `#d7c5a6` | `oklch(83.07% 0.0469 81.35)` | Almond Butter | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8c2a42 0.000% 6.250%, #992f47 6.250% 12.500%, #ad354d 12.500% 18.750%, #ba3b51 18.750% 25.000%, #b13a4f 25.000% 31.250%, #88303d 31.250% 37.500%, #552228 37.500% 43.750%, #2d171c 43.750% 50.000%, #20151c 50.000% 56.250%, #221c29 56.250% 62.500%, #232e40 62.500% 68.750%, #214852 68.750% 75.000%, #3c665c 75.000% 81.250%, #748a6e 81.250% 87.500%, #afad8a 87.500% 93.750%, #d7c5a6 93.750% 100.000%);
background: linear-gradient(135deg, oklch(44.09% 0.1323 9.84) 0.000% 6.250%, oklch(47.01% 0.1415 11.22) 6.250% 12.500%, oklch(51.33% 0.1552 13.26) 12.500% 18.750%, oklch(54.15% 0.1630 14.51) 18.750% 25.000%, oklch(52.51% 0.1539 13.83) 25.000% 31.250%, oklch(44.12% 0.1204 14.93) 31.250% 37.500%, oklch(32.79% 0.0756 14.53) 37.500% 43.750%, oklch(23.72% 0.0373 6.25) 43.750% 50.000%, oklch(21.37% 0.0216 343.64) 50.000% 56.250%, oklch(24.09% 0.0250 305.56) 56.250% 62.500%, oklch(30.01% 0.0369 260.25) 62.500% 68.750%, oklch(37.72% 0.0471 216.68) 68.750% 75.000%, oklch(47.51% 0.0494 178.39) 75.000% 81.250%, oklch(60.82% 0.0491 139.50) 81.250% 87.500%, oklch(73.97% 0.0477 105.23) 87.500% 93.750%, oklch(83.07% 0.0469 81.35) 93.750% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.132 | 9.8 |
| 2 | 0.535 | 0.158 | 14.1 |
| 3 | 0.217 | 0.026 | -2.8 |
| 4 | 0.398 | 0.048 | -152.9 |
| 5 | 0.831 | 0.047 | -278.6 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)

## Other forms

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