# Copper spruce countertop

Peach cream and soft copper warm into tan and olive, then settle into spruce green and a deep teal-black. The progression moves from glowing metal to evergreen shade. Suits kitchen and interior moodboards, rustic branding and alpine lodge themes.

- Also called: Peach, brown, dark green and navy linear gradient
- Seed: `kU5VAeVpnCrWbSWekMlg`
- Page: https://grabient.com/kU5VAeVpnCrWbSWekMlg?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 11.9 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 | `#ffd4c3` | `oklch(90.16% 0.0540 42.19)` | Coral Dune | black, 15.4 to 1 |
| 2 | `#ffceba` | `oklch(88.91% 0.0619 43.28)` | Dainty Peach | black, 14.7 to 1 |
| 3 | `#ffc7af` | `oklch(87.34% 0.0722 44.37)` | Antique Coral | black, 14 to 1 |
| 4 | `#ffbea1` | `oklch(85.49% 0.0847 45.53)` | Sweet Apricot | black, 13.1 to 1 |
| 5 | `#fdb693` | `oklch(83.41% 0.0956 46.88)` | Carotene | black, 12.2 to 1 |
| 6 | `#f2b08e` | `oklch(81.15% 0.0908 48.49)` | Apricot Preserves | black, 11.3 to 1 |
| 7 | `#e7aa88` | `oklch(78.76% 0.0860 50.47)` | Ceramic Glaze | black, 10.5 to 1 |
| 8 | `#dca482` | `oklch(76.29% 0.0813 52.89)` | Windswept Canyon | black, 9.6 to 1 |
| 9 | `#d09e7b` | `oklch(73.79% 0.0771 55.87)` | Darling Clementine | black, 8.8 to 1 |
| 10 | `#c59874` | `oklch(71.31% 0.0736 59.47)` | Copper Moon | black, 8.1 to 1 |
| 11 | `#bb926d` | `oklch(68.89% 0.0709 63.81)` | Hickory Tint | black, 7.4 to 1 |
| 12 | `#b08c65` | `oklch(66.53% 0.0694 69.01)` | Freckled Nose | black, 6.8 to 1 |
| 13 | `#a5875c` | `oklch(64.06% 0.0688 75.15)` | Chicory | black, 6.2 to 1 |
| 14 | `#998154` | `oklch(61.49% 0.0690 82.11)` | Grassy Cliff | black, 5.6 to 1 |
| 15 | `#8d7b4b` | `oklch(58.86% 0.0698 89.72)` | Stonetalon Mountains | black, 5 to 1 |
| 16 | `#807643` | `oklch(56.20% 0.0710 97.83)` | Steppe Green | white, 4.5 to 1 |
| 17 | `#73703c` | `oklch(53.55% 0.0723 106.29)` | Relentless Olive | white, 5.1 to 1 |
| 18 | `#646b38` | `oklch(50.92% 0.0736 114.93)` | Globe Artichoke | white, 5.6 to 1 |
| 19 | `#566635` | `oklch(48.37% 0.0746 123.61)` | Interior Green | white, 6.2 to 1 |
| 20 | `#486133` | `oklch(45.91% 0.0751 132.17)` | Gemstone Green | white, 6.9 to 1 |
| 21 | `#3a5c33` | `oklch(43.59% 0.0750 140.46)` | Parsley | white, 7.6 to 1 |
| 22 | `#2c5634` | `oklch(41.41% 0.0740 148.38)` | Kaitoke Green | white, 8.3 to 1 |
| 23 | `#1f5136` | `oklch(39.27% 0.0721 156.69)` | Kaitoke Green | white, 9.1 to 1 |
| 24 | `#104c37` | `oklch(37.15% 0.0695 165.47)` | County Green | white, 10 to 1 |
| 25 | `#004638` | `oklch(35.07% 0.0664 174.47)` | UP Forest Green | white, 10.9 to 1 |
| 26 | `#003f39` | `oklch(33.06% 0.0587 183.51)` | Rich Black | white, 11.8 to 1 |
| 27 | `#003938` | `oklch(31.14% 0.0534 192.38)` | Customs Green | white, 12.7 to 1 |
| 28 | `#003336` | `oklch(29.36% 0.0499 200.84)` | Nora’s Forest | white, 13.6 to 1 |
| 29 | `#002e35` | `oklch(27.73% 0.0478 208.69)` | Black Chasm | white, 14.4 to 1 |
| 30 | `#002a33` | `oklch(26.27% 0.0466 215.69)` | Daintree | white, 15.2 to 1 |
| 31 | `#002631` | `oklch(25.03% 0.0461 221.62)` | Daintree | white, 15.8 to 1 |
| 32 | `#002330` | `oklch(24.02% 0.0455 226.06)` | Midnight Dreams | white, 16.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #ffd4c3 0.0%, #ffceba 3.2%, #ffc7af 6.5%, #ffbea1 9.7%, #fdb693 12.9%, #f2b08e 16.1%, #e7aa88 19.4%, #dca482 22.6%, #d09e7b 25.8%, #c59874 29.0%, #bb926d 32.3%, #b08c65 35.5%, #a5875c 38.7%, #998154 41.9%, #8d7b4b 45.2%, #807643 48.4%, #73703c 51.6%, #646b38 54.8%, #566635 58.1%, #486133 61.3%, #3a5c33 64.5%, #2c5634 67.7%, #1f5136 71.0%, #104c37 74.2%, #004638 77.4%, #003f39 80.6%, #003938 83.9%, #003336 87.1%, #002e35 90.3%, #002a33 93.5%, #002631 96.8%, #002330 100.0%);
background: linear-gradient(225deg in oklch, oklch(90.16% 0.0540 42.19) 0.0%, oklch(88.91% 0.0619 43.28) 3.2%, oklch(87.34% 0.0722 44.37) 6.5%, oklch(85.49% 0.0847 45.53) 9.7%, oklch(83.41% 0.0956 46.88) 12.9%, oklch(81.15% 0.0908 48.49) 16.1%, oklch(78.76% 0.0860 50.47) 19.4%, oklch(76.29% 0.0813 52.89) 22.6%, oklch(73.79% 0.0771 55.87) 25.8%, oklch(71.31% 0.0736 59.47) 29.0%, oklch(68.89% 0.0709 63.81) 32.3%, oklch(66.53% 0.0694 69.01) 35.5%, oklch(64.06% 0.0688 75.15) 38.7%, oklch(61.49% 0.0690 82.11) 41.9%, oklch(58.86% 0.0698 89.72) 45.2%, oklch(56.20% 0.0710 97.83) 48.4%, oklch(53.55% 0.0723 106.29) 51.6%, oklch(50.92% 0.0736 114.93) 54.8%, oklch(48.37% 0.0746 123.61) 58.1%, oklch(45.91% 0.0751 132.17) 61.3%, oklch(43.59% 0.0750 140.46) 64.5%, oklch(41.41% 0.0740 148.38) 67.7%, oklch(39.27% 0.0721 156.69) 71.0%, oklch(37.15% 0.0695 165.47) 74.2%, oklch(35.07% 0.0664 174.47) 77.4%, oklch(33.06% 0.0587 183.51) 80.6%, oklch(31.14% 0.0534 192.38) 83.9%, oklch(29.36% 0.0499 200.84) 87.1%, oklch(27.73% 0.0478 208.69) 90.3%, oklch(26.27% 0.0466 215.69) 93.5%, oklch(25.03% 0.0461 221.62) 96.8%, oklch(24.02% 0.0455 226.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.11 | 42.2 |
| 2 | 0.681 | 0.07 | 65.4 |
| 3 | 0.421 | 0.074 | 145.7 |
| 4 | 0.24 | 0.045 | 226.1 |

## In these collections

- [Alpine copper kitchen](https://grabient.com/alpine-copper-kitchen)

## Other forms

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