# Teal Meets Burnished Coral

The Mauve, orange and burgundy color palette brings together blue, teal, light green, light orange, orange, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits editorial layouts and period-inspired packaging. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Teal, gray, peach and brown linear gradient
- Seed: `kaWRSqR5W5uMVOhrHre27O8z4wvqpEcCg`
- Page: https://grabient.com/kaWRSqR5W5uMVOhrHre27O8z4wvqpEcCg?steps=34
- Drawn as: linear gradient, 34 steps, 90 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#2d3d48` | `oklch(35.04% 0.0276 239.06)` | Pitch Cobalt | white, 11.2 to 1 |
| 2 | `#304450` | `oklch(37.61% 0.0318 232.63)` | Gale Force | white, 10 to 1 |
| 3 | `#33505a` | `oklch(41.19% 0.0381 223.61)` | Aircraft Blue | white, 8.6 to 1 |
| 4 | `#375d65` | `oklch(45.41% 0.0453 213.00)` | Under the Sea | white, 7.1 to 1 |
| 5 | `#3c6c70` | `oklch(49.90% 0.0521 201.84)` | Aquarium | white, 5.8 to 1 |
| 6 | `#457a77` | `oklch(54.27% 0.0575 191.11)` | Faded Jade | white, 4.8 to 1 |
| 7 | `#51877e` | `oklch(58.31% 0.0603 181.67)` | Wintergreen Dream | black, 5.1 to 1 |
| 8 | `#619484` | `oklch(62.59% 0.0605 172.99)` | Fiddler | black, 6 to 1 |
| 9 | `#73a18c` | `oklch(66.98% 0.0593 164.57)` | Quilotoa Green | black, 7.2 to 1 |
| 10 | `#85ad93` | `oklch(71.19% 0.0577 155.96)` | Covent Garden | black, 8.4 to 1 |
| 11 | `#97b899` | `oklch(74.94% 0.0569 146.77)` | Brookview | black, 9.6 to 1 |
| 12 | `#a7c09c` | `oklch(77.95% 0.0579 136.56)` | Spring Sprig | black, 10.6 to 1 |
| 13 | `#b6c69b` | `oklch(80.28% 0.0605 124.51)` | Wasabi Peanut | black, 11.5 to 1 |
| 14 | `#c6c999` | `oklch(82.15% 0.0640 110.85)` | Paris Mint | black, 12.2 to 1 |
| 15 | `#d5ca97` | `oklch(83.51% 0.0685 96.72)` | Artichoke Mist | black, 12.6 to 1 |
| 16 | `#e3c894` | `oklch(84.28% 0.0739 83.25)` | Nomadic Travels | black, 12.9 to 1 |
| 17 | `#edc492` | `oklch(84.43% 0.0804 71.60)` | Harvester | black, 12.9 to 1 |
| 18 | `#f4be8e` | `oklch(83.88% 0.0884 62.72)` | Dusty Boots | black, 12.5 to 1 |
| 19 | `#f8b586` | `oklch(82.56% 0.0993 56.05)` | Autumn Mist | black, 11.9 to 1 |
| 20 | `#faaa7c` | `oklch(80.58% 0.1119 50.98)` | Shrimp Shell | black, 11.1 to 1 |
| 21 | `#f99e70` | `oklch(78.08% 0.1244 47.01)` | Burning Coals | black, 10.1 to 1 |
| 22 | `#f59065` | `oklch(75.19% 0.1350 43.65)` | Melon Red | black, 9 to 1 |
| 23 | `#ee835c` | `oklch(72.05% 0.1419 40.39)` | Araigaki Orange | black, 8 to 1 |
| 24 | `#e47555` | `oklch(68.40% 0.1455 37.28)` | Potash | black, 6.9 to 1 |
| 25 | `#d6664c` | `oklch(64.13% 0.1470 34.67)` | Track and Field | black, 5.8 to 1 |
| 26 | `#c75843` | `oklch(59.55% 0.1464 32.59)` | Summer Fig | black, 4.8 to 1 |
| 27 | `#b64a3a` | `oklch(54.97% 0.1433 31.06)` | Vermilion Red | white, 5.2 to 1 |
| 28 | `#a53f32` | `oklch(50.72% 0.1376 30.09)` | Cherry Race | white, 6.2 to 1 |
| 29 | `#95382c` | `oklch(47.00% 0.1285 29.79)` | Red Chilli | white, 7.2 to 1 |
| 30 | `#843328` | `oklch(43.38% 0.1136 30.51)` | Kofta Brown | white, 8.4 to 1 |
| 31 | `#723125` | `oklch(39.92% 0.0952 31.92)` | Hihada Brown | white, 9.6 to 1 |
| 32 | `#612e23` | `oklch(36.80% 0.0763 33.62)` | Overbaked | white, 10.8 to 1 |
| 33 | `#532c23` | `oklch(34.19% 0.0596 35.17)` | Momoshio Brown | white, 11.9 to 1 |
| 34 | `#492a22` | `oklch(32.28% 0.0482 36.17)` | Couch | white, 12.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2d3d48 0.0%, #304450 3.0%, #33505a 6.1%, #375d65 9.1%, #3c6c70 12.1%, #457a77 15.2%, #51877e 18.2%, #619484 21.2%, #73a18c 24.2%, #85ad93 27.3%, #97b899 30.3%, #a7c09c 33.3%, #b6c69b 36.4%, #c6c999 39.4%, #d5ca97 42.4%, #e3c894 45.5%, #edc492 48.5%, #f4be8e 51.5%, #f8b586 54.5%, #faaa7c 57.6%, #f99e70 60.6%, #f59065 63.6%, #ee835c 66.7%, #e47555 69.7%, #d6664c 72.7%, #c75843 75.8%, #b64a3a 78.8%, #a53f32 81.8%, #95382c 84.8%, #843328 87.9%, #723125 90.9%, #612e23 93.9%, #532c23 97.0%, #492a22 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.04% 0.0276 239.06) 0.0%, oklch(37.61% 0.0318 232.63) 3.0%, oklch(41.19% 0.0381 223.61) 6.1%, oklch(45.41% 0.0453 213.00) 9.1%, oklch(49.90% 0.0521 201.84) 12.1%, oklch(54.27% 0.0575 191.11) 15.2%, oklch(58.31% 0.0603 181.67) 18.2%, oklch(62.59% 0.0605 172.99) 21.2%, oklch(66.98% 0.0593 164.57) 24.2%, oklch(71.19% 0.0577 155.96) 27.3%, oklch(74.94% 0.0569 146.77) 30.3%, oklch(77.95% 0.0579 136.56) 33.3%, oklch(80.28% 0.0605 124.51) 36.4%, oklch(82.15% 0.0640 110.85) 39.4%, oklch(83.51% 0.0685 96.72) 42.4%, oklch(84.28% 0.0739 83.25) 45.5%, oklch(84.43% 0.0804 71.60) 48.5%, oklch(83.88% 0.0884 62.72) 51.5%, oklch(82.56% 0.0993 56.05) 54.5%, oklch(80.58% 0.1119 50.98) 57.6%, oklch(78.08% 0.1244 47.01) 60.6%, oklch(75.19% 0.1350 43.65) 63.6%, oklch(72.05% 0.1419 40.39) 66.7%, oklch(68.40% 0.1455 37.28) 69.7%, oklch(64.13% 0.1470 34.67) 72.7%, oklch(59.55% 0.1464 32.59) 75.8%, oklch(54.97% 0.1433 31.06) 78.8%, oklch(50.72% 0.1376 30.09) 81.8%, oklch(47.00% 0.1285 29.79) 84.8%, oklch(43.38% 0.1136 30.51) 87.9%, oklch(39.92% 0.0952 31.92) 90.9%, oklch(36.80% 0.0763 33.62) 93.9%, oklch(34.19% 0.0596 35.17) 97.0%, oklch(32.28% 0.0482 36.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.028 | 239.1 |
| 2 | 0.563 | 0.059 | 186.2 |
| 3 | 0.78 | 0.058 | 136.6 |
| 4 | 0.843 | 0.084 | 66.8 |
| 5 | 0.72 | 0.142 | 40.4 |
| 6 | 0.488 | 0.134 | 29.8 |
| 7 | 0.323 | 0.048 | 36.2 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Cape daisy sea breeze](https://grabient.com/cape-daisy-sea-breeze)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Vintage stationery](https://grabient.com/vintage-stationery)

## Other forms

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