# Patina teal and rose gold

Twenty-four vertical swatch bands move from dark muted teal at the left through gray-green, olive and gold-brown into dusty rose and pale peach at the right. The palette brings a cool patina-like counterpoint to warm rose gold colors, with the earthy middle connecting its shaded green and softly luminous pink sides.

- Also called: Duotone teal and pink linear swatches
- Seed: `kWYx6HyQ8-VKcLrhGkCbhHAo`
- Page: https://grabient.com/kWYx6HyQ8-VKcLrhGkCbhHAo?style=linearSwatches&steps=24
- Drawn as: linear swatches, 24 steps, 90 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.1 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 | `#294c4a` | `oklch(38.98% 0.0413 190.55)` | Amphibian | white, 9.4 to 1 |
| 2 | `#2f5250` | `oklch(41.23% 0.0409 190.62)` | Sea Moss | white, 8.5 to 1 |
| 3 | `#395b59` | `oklch(44.48% 0.0399 192.00)` | Crystal Ball | white, 7.4 to 1 |
| 4 | `#446664` | `oklch(48.24% 0.0390 192.80)` | Grand Prix | white, 6.3 to 1 |
| 5 | `#4f716e` | `oklch(52.06% 0.0387 191.16)` | Stone Bridge | white, 5.3 to 1 |
| 6 | `#597b76` | `oklch(55.47% 0.0396 185.22)` | Green Hour | white, 4.6 to 1 |
| 7 | `#618378` | `oklch(58.02% 0.0422 172.96)` | Greenella | black, 5 to 1 |
| 8 | `#6b8871` | `oklch(59.77% 0.0475 151.11)` | Thyme and Place | black, 5.3 to 1 |
| 9 | `#7d8964` | `oklch(61.02% 0.0547 122.28)` | Green Bush | black, 5.6 to 1 |
| 10 | `#94855a` | `oklch(62.02% 0.0625 90.94)` | Dash of Oregano | black, 5.7 to 1 |
| 11 | `#a8805d` | `oklch(63.01% 0.0699 61.57)` | Penny | black, 5.9 to 1 |
| 12 | `#b57d6b` | `oklch(64.21% 0.0754 38.64)` | Brick Fence | black, 6.1 to 1 |
| 13 | `#bd7f79` | `oklch(65.81% 0.0782 25.96)` | Brownish Pink | black, 6.4 to 1 |
| 14 | `#c48482` | `oklch(67.69% 0.0791 21.56)` | Prancer | black, 6.9 to 1 |
| 15 | `#ca8a87` | `oklch(69.71% 0.0786 22.72)` | Almond Rose | black, 7.5 to 1 |
| 16 | `#d0928a` | `oklch(71.81% 0.0770 27.07)` | Peach Beige | black, 8.1 to 1 |
| 17 | `#d59a8d` | `oklch(73.90% 0.0748 32.25)` | Nectarine Spice | black, 8.8 to 1 |
| 18 | `#daa191` | `oklch(75.90% 0.0723 35.87)` | Auburn Wave | black, 9.4 to 1 |
| 19 | `#dfa898` | `oklch(77.85% 0.0693 37.08)` | Cedarville | black, 10.1 to 1 |
| 20 | `#e3b09f` | `oklch(79.91% 0.0651 38.32)` | Pink Sand | black, 10.9 to 1 |
| 21 | `#e7b8a7` | `oklch(81.96% 0.0602 39.60)` | Embrace | black, 11.7 to 1 |
| 22 | `#ebbfaf` | `oklch(83.86% 0.0554 40.82)` | Virgin Peach | black, 12.5 to 1 |
| 23 | `#eec5b6` | `oklch(85.46% 0.0511 41.86)` | Brilliant Beige | black, 13.2 to 1 |
| 24 | `#f0c9ba` | `oklch(86.61% 0.0482 42.60)` | Pink Pieris | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #294c4a 0.000% 4.167%, #2f5250 4.167% 8.333%, #395b59 8.333% 12.500%, #446664 12.500% 16.667%, #4f716e 16.667% 20.833%, #597b76 20.833% 25.000%, #618378 25.000% 29.167%, #6b8871 29.167% 33.333%, #7d8964 33.333% 37.500%, #94855a 37.500% 41.667%, #a8805d 41.667% 45.833%, #b57d6b 45.833% 50.000%, #bd7f79 50.000% 54.167%, #c48482 54.167% 58.333%, #ca8a87 58.333% 62.500%, #d0928a 62.500% 66.667%, #d59a8d 66.667% 70.833%, #daa191 70.833% 75.000%, #dfa898 75.000% 79.167%, #e3b09f 79.167% 83.333%, #e7b8a7 83.333% 87.500%, #ebbfaf 87.500% 91.667%, #eec5b6 91.667% 95.833%, #f0c9ba 95.833% 100.000%);
background: linear-gradient(90deg, oklch(38.98% 0.0413 190.55) 0.000% 4.167%, oklch(41.23% 0.0409 190.62) 4.167% 8.333%, oklch(44.48% 0.0399 192.00) 8.333% 12.500%, oklch(48.24% 0.0390 192.80) 12.500% 16.667%, oklch(52.06% 0.0387 191.16) 16.667% 20.833%, oklch(55.47% 0.0396 185.22) 20.833% 25.000%, oklch(58.02% 0.0422 172.96) 25.000% 29.167%, oklch(59.77% 0.0475 151.11) 29.167% 33.333%, oklch(61.02% 0.0547 122.28) 33.333% 37.500%, oklch(62.02% 0.0625 90.94) 37.500% 41.667%, oklch(63.01% 0.0699 61.57) 41.667% 45.833%, oklch(64.21% 0.0754 38.64) 45.833% 50.000%, oklch(65.81% 0.0782 25.96) 50.000% 54.167%, oklch(67.69% 0.0791 21.56) 54.167% 58.333%, oklch(69.71% 0.0786 22.72) 58.333% 62.500%, oklch(71.81% 0.0770 27.07) 62.500% 66.667%, oklch(73.90% 0.0748 32.25) 66.667% 70.833%, oklch(75.90% 0.0723 35.87) 70.833% 75.000%, oklch(77.85% 0.0693 37.08) 75.000% 79.167%, oklch(79.91% 0.0651 38.32) 79.167% 83.333%, oklch(81.96% 0.0602 39.60) 83.333% 87.500%, oklch(83.86% 0.0554 40.82) 87.500% 91.667%, oklch(85.46% 0.0511 41.86) 91.667% 95.833%, oklch(86.61% 0.0482 42.60) 95.833% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.041 | 190.5 |
| 2 | 0.575 | 0.041 | 176.8 |
| 3 | 0.65 | 0.077 | 31 |
| 4 | 0.764 | 0.072 | 36.3 |
| 5 | 0.866 | 0.048 | 42.6 |

## In these collections

- [Rose gold](https://grabient.com/rose-gold)

## Other forms

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