# Purple, brown, orange and teal linear swatches

Purple, brown, orange and teal linear swatches with 32 colors: #56405a, #573f5a, #583d59, #593b57, #5a3955, #5c3753, #5e3551, #61334f, #64324c, #69324a, #6f3448, #773747, #813d47, #8e4447, #9b4e48, #a95947, #b66646, #c17243, #c87f40, #cb8b3d, #ca943c, #c39b3c, #b59f40, #a3a047, #8e9f50, #789a59, #639361, #528b66, #458269, #3d796a, #39726a, #376d69. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUZybktKBEtosSY_FUyA`
- Page: https://grabient.com/kUZybktKBEtosSY_FUyA?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.8 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 | `#56405a` | `oklch(40.55% 0.0524 321.33)` | Navy Cosmos | white, 9.2 to 1 |
| 2 | `#573f5a` | `oklch(40.47% 0.0544 323.45)` | Navy Cosmos | white, 9.2 to 1 |
| 3 | `#583d59` | `oklch(40.22% 0.0571 325.95)` | Mexican Purple | white, 9.3 to 1 |
| 4 | `#593b57` | `oklch(39.86% 0.0602 328.82)` | Velvet Plum | white, 9.5 to 1 |
| 5 | `#5a3955` | `oklch(39.48% 0.0638 332.06)` | Bruised Bear | white, 9.7 to 1 |
| 6 | `#5c3753` | `oklch(39.14% 0.0676 335.68)` | Bruised Bear | white, 9.8 to 1 |
| 7 | `#5e3551` | `oklch(38.94% 0.0715 339.68)` | Bruised Bear | white, 10 to 1 |
| 8 | `#61334f` | `oklch(38.93% 0.0756 344.07)` | Vintage Wine | white, 10 to 1 |
| 9 | `#64324c` | `oklch(39.20% 0.0796 348.84)` | Vintage Wine | white, 9.9 to 1 |
| 10 | `#69324a` | `oklch(39.82% 0.0834 354.00)` | Wine Gummy Red | white, 9.7 to 1 |
| 11 | `#6f3448` | `oklch(40.88% 0.0871 359.55)` | Cabernet Craving | white, 9.3 to 1 |
| 12 | `#773747` | `oklch(42.53% 0.0906 5.52)` | Köfte Brown | white, 8.6 to 1 |
| 13 | `#813d47` | `oklch(45.02% 0.0947 11.99)` | Ruby Lips | white, 7.8 to 1 |
| 14 | `#8e4447` | `oklch(48.17% 0.0993 18.93)` | Rhubarb Smoothie | white, 6.8 to 1 |
| 15 | `#9b4e48` | `oklch(51.76% 0.1040 26.28)` | Rembrandt Ruby | white, 5.8 to 1 |
| 16 | `#a95947` | `oklch(55.56% 0.1087 34.02)` | Cottage Spice | white, 4.9 to 1 |
| 17 | `#b66646` | `oklch(59.37% 0.1130 42.08)` | Reynard | black, 4.9 to 1 |
| 18 | `#c17243` | `oklch(62.97% 0.1168 50.43)` | Ginger Root | black, 5.7 to 1 |
| 19 | `#c87f40` | `oklch(66.14% 0.1196 59.04)` | Rumba Orange | black, 6.5 to 1 |
| 20 | `#cb8b3d` | `oklch(68.67% 0.1214 67.84)` | Brown Beige | black, 7.2 to 1 |
| 21 | `#ca943c` | `oklch(70.34% 0.1219 76.81)` | Alameda Ochre | black, 7.8 to 1 |
| 22 | `#c39b3c` | `oklch(70.94% 0.1206 85.97)` | Golden Mean | black, 8 to 1 |
| 23 | `#b59f40` | `oklch(70.45% 0.1173 96.16)` | Tiki Torch | black, 8 to 1 |
| 24 | `#a3a047` | `oklch(69.08% 0.1122 107.35)` | Poplar | black, 7.7 to 1 |
| 25 | `#8e9f50` | `oklch(67.02% 0.1057 119.17)` | Spinach Green | black, 7.1 to 1 |
| 26 | `#789a59` | `oklch(64.46% 0.0983 131.27)` | Dry Moss | black, 6.5 to 1 |
| 27 | `#639361` | `oklch(61.59% 0.0903 143.29)` | Arizona Tree Frog | black, 5.8 to 1 |
| 28 | `#528b66` | `oklch(58.62% 0.0822 154.87)` | Spring Garden | black, 5.2 to 1 |
| 29 | `#458269` | `oklch(55.74% 0.0745 165.64)` | Bathing Beauty | black, 4.6 to 1 |
| 30 | `#3d796a` | `oklch(53.15% 0.0676 175.26)` | Green Moray | white, 5 to 1 |
| 31 | `#39726a` | `oklch(51.04% 0.0619 183.36)` | Imperial Dynasty | white, 5.5 to 1 |
| 32 | `#376d69` | `oklch(49.61% 0.0579 189.59)` | Deep Pool Teal | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #56405a 0.000% 3.125%, #573f5a 3.125% 6.250%, #583d59 6.250% 9.375%, #593b57 9.375% 12.500%, #5a3955 12.500% 15.625%, #5c3753 15.625% 18.750%, #5e3551 18.750% 21.875%, #61334f 21.875% 25.000%, #64324c 25.000% 28.125%, #69324a 28.125% 31.250%, #6f3448 31.250% 34.375%, #773747 34.375% 37.500%, #813d47 37.500% 40.625%, #8e4447 40.625% 43.750%, #9b4e48 43.750% 46.875%, #a95947 46.875% 50.000%, #b66646 50.000% 53.125%, #c17243 53.125% 56.250%, #c87f40 56.250% 59.375%, #cb8b3d 59.375% 62.500%, #ca943c 62.500% 65.625%, #c39b3c 65.625% 68.750%, #b59f40 68.750% 71.875%, #a3a047 71.875% 75.000%, #8e9f50 75.000% 78.125%, #789a59 78.125% 81.250%, #639361 81.250% 84.375%, #528b66 84.375% 87.500%, #458269 87.500% 90.625%, #3d796a 90.625% 93.750%, #39726a 93.750% 96.875%, #376d69 96.875% 100.000%);
background: linear-gradient(135deg, oklch(40.55% 0.0524 321.33) 0.000% 3.125%, oklch(40.47% 0.0544 323.45) 3.125% 6.250%, oklch(40.22% 0.0571 325.95) 6.250% 9.375%, oklch(39.86% 0.0602 328.82) 9.375% 12.500%, oklch(39.48% 0.0638 332.06) 12.500% 15.625%, oklch(39.14% 0.0676 335.68) 15.625% 18.750%, oklch(38.94% 0.0715 339.68) 18.750% 21.875%, oklch(38.93% 0.0756 344.07) 21.875% 25.000%, oklch(39.20% 0.0796 348.84) 25.000% 28.125%, oklch(39.82% 0.0834 354.00) 28.125% 31.250%, oklch(40.88% 0.0871 359.55) 31.250% 34.375%, oklch(42.53% 0.0906 5.52) 34.375% 37.500%, oklch(45.02% 0.0947 11.99) 37.500% 40.625%, oklch(48.17% 0.0993 18.93) 40.625% 43.750%, oklch(51.76% 0.1040 26.28) 43.750% 46.875%, oklch(55.56% 0.1087 34.02) 46.875% 50.000%, oklch(59.37% 0.1130 42.08) 50.000% 53.125%, oklch(62.97% 0.1168 50.43) 53.125% 56.250%, oklch(66.14% 0.1196 59.04) 56.250% 59.375%, oklch(68.67% 0.1214 67.84) 59.375% 62.500%, oklch(70.34% 0.1219 76.81) 62.500% 65.625%, oklch(70.94% 0.1206 85.97) 65.625% 68.750%, oklch(70.45% 0.1173 96.16) 68.750% 71.875%, oklch(69.08% 0.1122 107.35) 71.875% 75.000%, oklch(67.02% 0.1057 119.17) 75.000% 78.125%, oklch(64.46% 0.0983 131.27) 78.125% 81.250%, oklch(61.59% 0.0903 143.29) 81.250% 84.375%, oklch(58.62% 0.0822 154.87) 84.375% 87.500%, oklch(55.74% 0.0745 165.64) 87.500% 90.625%, oklch(53.15% 0.0676 175.26) 90.625% 93.750%, oklch(51.04% 0.0619 183.36) 93.750% 96.875%, oklch(49.61% 0.0579 189.59) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.052 | 321.3 |
| 2 | 0.413 | 0.088 | 361.5 |
| 3 | 0.709 | 0.121 | 442.9 |
| 4 | 0.496 | 0.058 | 549.6 |

## In these collections

- [Late winter protea](https://grabient.com/late-winter-protea)
- [Burgundy and gold](https://grabient.com/burgundy-and-gold)
- [Harvest gradients](https://grabient.com/harvest-gradients)

## Other forms

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