# Maroon, purple, brown and teal linear swatches

Maroon, purple, brown and teal linear swatches with 24 colors: #4b172d, #511930, #5a1c35, #65203b, #712541, #7c2a46, #87324c, #903b56, #9a4663, #a4526f, #ad5d76, #b56574, #b96d67, #b47752, #a08448, #808f58, #629170, #518d80, #488582, #40797b, #356c6e, #2a5f60, #205454, #194d4d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSzz-N6tAs2kwVLmFOsRPBY`
- Page: https://grabient.com/kWSzz-N6tAs2kwVLmFOsRPBY?style=linearSwatches&steps=24&angle=45
- Drawn as: linear swatches, 24 steps, 45 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#4b172d` | `oklch(29.53% 0.0827 357.19)` | Chilli Black Red | white, 14.3 to 1 |
| 2 | `#511930` | `oklch(31.11% 0.0875 357.85)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 3 | `#5a1c35` | `oklch(33.28% 0.0946 358.72)` | Soul Anchor | white, 12.6 to 1 |
| 4 | `#65203b` | `oklch(35.87% 0.1027 359.77)` | Quills of Terico | white, 11.5 to 1 |
| 5 | `#712541` | `oklch(38.70% 0.1104 1.00)` | Palace Red | white, 10.3 to 1 |
| 6 | `#7c2a46` | `oklch(41.59% 0.1162 2.39)` | Red Plum | white, 9.1 to 1 |
| 7 | `#87324c` | `oklch(44.41% 0.1188 3.79)` | Anemone | white, 8.1 to 1 |
| 8 | `#903b56` | `oklch(47.61% 0.1185 2.83)` | Quinacridone Magenta | white, 7.1 to 1 |
| 9 | `#9a4663` | `oklch(51.13% 0.1162 0.45)` | Cadillac | white, 6 to 1 |
| 10 | `#a4526f` | `oklch(54.64% 0.1124 359.03)` | China Rose | white, 5.2 to 1 |
| 11 | `#ad5d76` | `oklch(57.77% 0.1078 0.92)` | Indian Pink | black, 4.5 to 1 |
| 12 | `#b56574` | `oklch(60.19% 0.1029 8.49)` | Slate Rose | black, 5 to 1 |
| 13 | `#b96d67` | `oklch(61.64% 0.0981 24.57)` | Hacienda Tile | black, 5.4 to 1 |
| 14 | `#b47752` | `oklch(62.44% 0.0922 51.52)` | Apricot Mix | black, 5.6 to 1 |
| 15 | `#a08448` | `oklch(62.68% 0.0856 85.20)` | Madagascar | black, 5.8 to 1 |
| 16 | `#808f58` | `oklch(62.34% 0.0788 120.73)` | Green Energy | black, 5.9 to 1 |
| 17 | `#629170` | `oklch(61.42% 0.0725 153.22)` | Manchester | black, 5.8 to 1 |
| 18 | `#518d80` | `oklch(59.92% 0.0672 177.79)` | Dusty Teal | black, 5.4 to 1 |
| 19 | `#488582` | `oklch(57.52% 0.0633 191.48)` | Jericho Jade | black, 4.9 to 1 |
| 20 | `#40797b` | `oklch(53.85% 0.0603 197.75)` | Grand Canal | white, 4.9 to 1 |
| 21 | `#356c6e` | `oklch(49.48% 0.0580 198.98)` | Aquarium | white, 5.9 to 1 |
| 22 | `#2a5f60` | `oklch(45.06% 0.0563 197.41)` | Calypso Green | white, 7.2 to 1 |
| 23 | `#205454` | `oklch(41.21% 0.0549 195.27)` | Forbidden Forest | white, 8.5 to 1 |
| 24 | `#194d4d` | `oklch(38.58% 0.0537 194.80)` | Port Malmesbury | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #4b172d 0.000% 4.167%, #511930 4.167% 8.333%, #5a1c35 8.333% 12.500%, #65203b 12.500% 16.667%, #712541 16.667% 20.833%, #7c2a46 20.833% 25.000%, #87324c 25.000% 29.167%, #903b56 29.167% 33.333%, #9a4663 33.333% 37.500%, #a4526f 37.500% 41.667%, #ad5d76 41.667% 45.833%, #b56574 45.833% 50.000%, #b96d67 50.000% 54.167%, #b47752 54.167% 58.333%, #a08448 58.333% 62.500%, #808f58 62.500% 66.667%, #629170 66.667% 70.833%, #518d80 70.833% 75.000%, #488582 75.000% 79.167%, #40797b 79.167% 83.333%, #356c6e 83.333% 87.500%, #2a5f60 87.500% 91.667%, #205454 91.667% 95.833%, #194d4d 95.833% 100.000%);
background: linear-gradient(45deg, oklch(29.53% 0.0827 357.19) 0.000% 4.167%, oklch(31.11% 0.0875 357.85) 4.167% 8.333%, oklch(33.28% 0.0946 358.72) 8.333% 12.500%, oklch(35.87% 0.1027 359.77) 12.500% 16.667%, oklch(38.70% 0.1104 1.00) 16.667% 20.833%, oklch(41.59% 0.1162 2.39) 20.833% 25.000%, oklch(44.41% 0.1188 3.79) 25.000% 29.167%, oklch(47.61% 0.1185 2.83) 29.167% 33.333%, oklch(51.13% 0.1162 0.45) 33.333% 37.500%, oklch(54.64% 0.1124 359.03) 37.500% 41.667%, oklch(57.77% 0.1078 0.92) 41.667% 45.833%, oklch(60.19% 0.1029 8.49) 45.833% 50.000%, oklch(61.64% 0.0981 24.57) 50.000% 54.167%, oklch(62.44% 0.0922 51.52) 54.167% 58.333%, oklch(62.68% 0.0856 85.20) 58.333% 62.500%, oklch(62.34% 0.0788 120.73) 62.500% 66.667%, oklch(61.42% 0.0725 153.22) 66.667% 70.833%, oklch(59.92% 0.0672 177.79) 70.833% 75.000%, oklch(57.52% 0.0633 191.48) 75.000% 79.167%, oklch(53.85% 0.0603 197.75) 79.167% 83.333%, oklch(49.48% 0.0580 198.98) 83.333% 87.500%, oklch(45.06% 0.0563 197.41) 87.500% 91.667%, oklch(41.21% 0.0549 195.27) 91.667% 95.833%, oklch(38.58% 0.0537 194.80) 95.833% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.083 | 357.2 |
| 2 | 0.437 | 0.119 | 363.5 |
| 3 | 0.61 | 0.101 | 375.2 |
| 4 | 0.594 | 0.066 | 542.1 |
| 5 | 0.386 | 0.054 | 554.8 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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