# Copper and Verdigris Turn

The Teal and burgundy copper palette brings together teal, light green, gold, orange, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is gold.

- Also called: Teal, light blue, orange and brown angular gradient
- Seed: `kaajSSyaK_Fspvjqk7665S1VKzO62qT7A`
- Page: https://grabient.com/kaajSSyaK_Fspvjqk7665S1VKzO62qT7A?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.7 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 | `#00575f` | `oklch(41.74% 0.0714 206.03)` | Entrapment | white, 8.2 to 1 |
| 2 | `#015e66` | `oklch(43.88% 0.0748 205.16)` | Petrol | white, 7.5 to 1 |
| 3 | `#03676f` | `oklch(46.92% 0.0792 204.03)` | Trouser Blue | white, 6.6 to 1 |
| 4 | `#07727a` | `oklch(50.45% 0.0844 202.62)` | Scurf Green | white, 5.6 to 1 |
| 5 | `#0c7e84` | `oklch(54.07% 0.0896 200.94)` | Go Alpha | white, 4.8 to 1 |
| 6 | `#11898d` | `oklch(57.38% 0.0944 198.97)` | India Blue | black, 4.9 to 1 |
| 7 | `#139395` | `oklch(60.25% 0.0993 196.61)` | Atrovirens | black, 5.6 to 1 |
| 8 | `#0f9d9b` | `oklch(63.00% 0.1055 193.74)` | Talismanic Teal | black, 6.3 to 1 |
| 9 | `#0ea6a1` | `oklch(65.67% 0.1113 190.63)` | Jadestone | black, 7 to 1 |
| 10 | `#19b0a6` | `oklch(68.27% 0.1152 187.52)` | Cozumel | black, 7.7 to 1 |
| 11 | `#2db8aa` | `oklch(70.81% 0.1154 184.67)` | Message Green | black, 8.5 to 1 |
| 12 | `#45bfaf` | `oklch(73.39% 0.1100 182.83)` | Emerald Bliss | black, 9.3 to 1 |
| 13 | `#5fc6b7` | `oklch(76.11% 0.0985 182.90)` | Cockatoo | black, 10.2 to 1 |
| 14 | `#79ccbf` | `oklch(78.78% 0.0838 183.22)` | Hawaiian Vacation | black, 11.1 to 1 |
| 15 | `#8fd1c5` | `oklch(81.20% 0.0691 181.99)` | Green Daze | black, 12 to 1 |
| 16 | `#a0d5c7` | `oklch(83.13% 0.0574 177.39)` | Aqua Glow | black, 12.7 to 1 |
| 17 | `#add7c5` | `oklch(84.47% 0.0512 167.46)` | Scud | black, 13.3 to 1 |
| 18 | `#bad9c0` | `oklch(85.53% 0.0475 151.36)` | Namaste | black, 13.7 to 1 |
| 19 | `#c7d9b9` | `oklch(86.21% 0.0461 131.64)` | Vintage Glass | black, 14 to 1 |
| 20 | `#d3d6b2` | `oklch(86.31% 0.0474 111.21)` | Prairie Willow | black, 13.9 to 1 |
| 21 | `#dbd0aa` | `oklch(85.63% 0.0517 92.96)` | Capital Grains | black, 13.5 to 1 |
| 22 | `#dfc79f` | `oklch(83.96% 0.0598 79.54)` | Riviera Sand | black, 12.7 to 1 |
| 23 | `#e1b98c` | `oklch(81.08% 0.0752 69.68)` | Painted Ash | black, 11.5 to 1 |
| 24 | `#e1a875` | `oklch(77.28% 0.0952 62.07)` | Thai Ice Tea | black, 10 to 1 |
| 25 | `#df945c` | `oklch(72.95% 0.1157 56.11)` | Amiable Orange | black, 8.4 to 1 |
| 26 | `#d98047` | `oklch(68.49% 0.1324 51.21)` | Seraphim Sepia | black, 7.1 to 1 |
| 27 | `#d16e39` | `oklch(64.27% 0.1413 46.79)` | Hot Caramel | black, 5.9 to 1 |
| 28 | `#c35e31` | `oklch(59.71% 0.1413 43.38)` | Civara | black, 4.9 to 1 |
| 29 | `#b0502a` | `oklch(54.76% 0.1355 41.16)` | Cinnamon Stick | white, 5.1 to 1 |
| 30 | `#9d4524` | `oklch(49.95% 0.1268 39.77)` | Autumn Red | white, 6.3 to 1 |
| 31 | `#8d3b1f` | `oklch(45.83% 0.1183 38.84)` | Red Prairie | white, 7.5 to 1 |
| 32 | `#81341b` | `oklch(42.91% 0.1130 37.99)` | Warmth of Teamwork | white, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #00575f 0.0%, #015e66 3.2%, #03676f 6.5%, #07727a 9.7%, #0c7e84 12.9%, #11898d 16.1%, #139395 19.4%, #0f9d9b 22.6%, #0ea6a1 25.8%, #19b0a6 29.0%, #2db8aa 32.3%, #45bfaf 35.5%, #5fc6b7 38.7%, #79ccbf 41.9%, #8fd1c5 45.2%, #a0d5c7 48.4%, #add7c5 51.6%, #bad9c0 54.8%, #c7d9b9 58.1%, #d3d6b2 61.3%, #dbd0aa 64.5%, #dfc79f 67.7%, #e1b98c 71.0%, #e1a875 74.2%, #df945c 77.4%, #d98047 80.6%, #d16e39 83.9%, #c35e31 87.1%, #b0502a 90.3%, #9d4524 93.5%, #8d3b1f 96.8%, #81341b 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(41.74% 0.0714 206.03) 0.0%, oklch(43.88% 0.0748 205.16) 3.2%, oklch(46.92% 0.0792 204.03) 6.5%, oklch(50.45% 0.0844 202.62) 9.7%, oklch(54.07% 0.0896 200.94) 12.9%, oklch(57.38% 0.0944 198.97) 16.1%, oklch(60.25% 0.0993 196.61) 19.4%, oklch(63.00% 0.1055 193.74) 22.6%, oklch(65.67% 0.1113 190.63) 25.8%, oklch(68.27% 0.1152 187.52) 29.0%, oklch(70.81% 0.1154 184.67) 32.3%, oklch(73.39% 0.1100 182.83) 35.5%, oklch(76.11% 0.0985 182.90) 38.7%, oklch(78.78% 0.0838 183.22) 41.9%, oklch(81.20% 0.0691 181.99) 45.2%, oklch(83.13% 0.0574 177.39) 48.4%, oklch(84.47% 0.0512 167.46) 51.6%, oklch(85.53% 0.0475 151.36) 54.8%, oklch(86.21% 0.0461 131.64) 58.1%, oklch(86.31% 0.0474 111.21) 61.3%, oklch(85.63% 0.0517 92.96) 64.5%, oklch(83.96% 0.0598 79.54) 67.7%, oklch(81.08% 0.0752 69.68) 71.0%, oklch(77.28% 0.0952 62.07) 74.2%, oklch(72.95% 0.1157 56.11) 77.4%, oklch(68.49% 0.1324 51.21) 80.6%, oklch(64.27% 0.1413 46.79) 83.9%, oklch(59.71% 0.1413 43.38) 87.1%, oklch(54.76% 0.1355 41.16) 90.3%, oklch(49.95% 0.1268 39.77) 93.5%, oklch(45.83% 0.1183 38.84) 96.8%, oklch(42.91% 0.1130 37.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.072 | 206 |
| 2 | 0.579 | 0.095 | 198.6 |
| 3 | 0.717 | 0.114 | 183.8 |
| 4 | 0.839 | 0.054 | 173.3 |
| 5 | 0.846 | 0.056 | 83.4 |
| 6 | 0.65 | 0.141 | 47.5 |
| 7 | 0.429 | 0.113 | 38 |

## In these collections

- [Copper](https://grabient.com/copper)

## Other forms

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