# Terracotta and cobalt blue alpine copper kitchen

The Terracotta and cobalt blue alpine copper kitchen brings together orange, red, purple, and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is orange.

- Also called: Tritone brown, purple and blue linear gradient
- Seed: `kYn1Aqwic97UcvAxHTeOKe70WkPc`
- Page: https://grabient.com/kYn1Aqwic97UcvAxHTeOKe70WkPc?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.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 | `#b8773d` | `oklch(62.60% 0.1102 59.77)` | Cray | black, 5.7 to 1 |
| 2 | `#b5733b` | `oklch(61.48% 0.1102 58.17)` | Saucy Gold | black, 5.4 to 1 |
| 3 | `#b26d38` | `oklch(59.94% 0.1105 56.12)` | Ginger Dough | black, 5.1 to 1 |
| 4 | `#ad6735` | `oklch(58.12% 0.1107 53.63)` | Autumn Surprise | black, 4.7 to 1 |
| 5 | `#a76033` | `oklch(56.14% 0.1105 50.71)` | Clove Dye | white, 4.8 to 1 |
| 6 | `#a25932` | `oklch(54.16% 0.1097 47.38)` | Tense Terracotta | white, 5.2 to 1 |
| 7 | `#9c5332` | `oklch(52.31% 0.1080 43.65)` | Piper | white, 5.6 to 1 |
| 8 | `#964e34` | `oklch(50.58% 0.1048 39.68)` | Japanese Cypress | white, 6.1 to 1 |
| 9 | `#8f4936` | `oklch(48.76% 0.1001 35.64)` | Burled Redwood | white, 6.6 to 1 |
| 10 | `#884439` | `oklch(46.92% 0.0945 31.27)` | Chocolate Cherry | white, 7.1 to 1 |
| 11 | `#80403b` | `oklch(45.16% 0.0887 26.27)` | Spiced Apple | white, 7.7 to 1 |
| 12 | `#793d3e` | `oklch(43.56% 0.0835 20.38)` | Marrakesh Red | white, 8.2 to 1 |
| 13 | `#723a41` | `oklch(42.19% 0.0796 13.32)` | Antique Rosewood | white, 8.7 to 1 |
| 14 | `#6d3745` | `oklch(41.11% 0.0774 4.60)` | Catawba | white, 9.1 to 1 |
| 15 | `#67364b` | `oklch(40.19% 0.0761 353.64)` | Wine Gummy Red | white, 9.5 to 1 |
| 16 | `#613552` | `oklch(39.45% 0.0756 341.26)` | Blackberry Deep Red | white, 9.8 to 1 |
| 17 | `#5b3559` | `oklch(38.90% 0.0758 328.39)` | Spanish Plum | white, 10 to 1 |
| 18 | `#54365f` | `oklch(38.58% 0.0769 315.96)` | Purpurite Violet | white, 10.1 to 1 |
| 19 | `#4d3865` | `oklch(38.50% 0.0786 304.89)` | Meteorite | white, 10.1 to 1 |
| 20 | `#483a6a` | `oklch(38.70% 0.0811 296.00)` | Meteorite | white, 10 to 1 |
| 21 | `#443d70` | `oklch(39.22% 0.0854 288.66)` | Opera Blue | white, 9.7 to 1 |
| 22 | `#414077` | `oklch(40.01% 0.0909 282.41)` | Hot Sauna | white, 9.4 to 1 |
| 23 | `#3e447e` | `oklch(41.02% 0.0969 277.01)` | Little Blue Heron | white, 9 to 1 |
| 24 | `#3b4885` | `oklch(42.19% 0.1025 272.24)` | Blue Estate | white, 8.5 to 1 |
| 25 | `#384d8b` | `oklch(43.45% 0.1068 267.83)` | Jazzy Blue | white, 8.1 to 1 |
| 26 | `#345291` | `oklch(44.76% 0.1091 263.58)` | Chinese Blue | white, 7.6 to 1 |
| 27 | `#325895` | `oklch(46.35% 0.1093 259.61)` | B’dazzled Blue | white, 7 to 1 |
| 28 | `#325f9a` | `oklch(48.22% 0.1079 256.07)` | Neptune Blue | white, 6.5 to 1 |
| 29 | `#33669e` | `oklch(50.17% 0.1056 252.97)` | Distant Blue | white, 5.9 to 1 |
| 30 | `#366ca2` | `oklch(52.03% 0.1030 250.33)` | Lochmara | white, 5.4 to 1 |
| 31 | `#3972a5` | `oklch(53.61% 0.1006 248.15)` | Flat Blue | white, 5.1 to 1 |
| 32 | `#3b76a7` | `oklch(54.72% 0.0992 246.46)` | Python Blue | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b8773d 0.0%, #b5733b 3.2%, #b26d38 6.5%, #ad6735 9.7%, #a76033 12.9%, #a25932 16.1%, #9c5332 19.4%, #964e34 22.6%, #8f4936 25.8%, #884439 29.0%, #80403b 32.3%, #793d3e 35.5%, #723a41 38.7%, #6d3745 41.9%, #67364b 45.2%, #613552 48.4%, #5b3559 51.6%, #54365f 54.8%, #4d3865 58.1%, #483a6a 61.3%, #443d70 64.5%, #414077 67.7%, #3e447e 71.0%, #3b4885 74.2%, #384d8b 77.4%, #345291 80.6%, #325895 83.9%, #325f9a 87.1%, #33669e 90.3%, #366ca2 93.5%, #3972a5 96.8%, #3b76a7 100.0%);
background: linear-gradient(90deg in oklch, oklch(62.60% 0.1102 59.77) 0.0%, oklch(61.48% 0.1102 58.17) 3.2%, oklch(59.94% 0.1105 56.12) 6.5%, oklch(58.12% 0.1107 53.63) 9.7%, oklch(56.14% 0.1105 50.71) 12.9%, oklch(54.16% 0.1097 47.38) 16.1%, oklch(52.31% 0.1080 43.65) 19.4%, oklch(50.58% 0.1048 39.68) 22.6%, oklch(48.76% 0.1001 35.64) 25.8%, oklch(46.92% 0.0945 31.27) 29.0%, oklch(45.16% 0.0887 26.27) 32.3%, oklch(43.56% 0.0835 20.38) 35.5%, oklch(42.19% 0.0796 13.32) 38.7%, oklch(41.11% 0.0774 4.60) 41.9%, oklch(40.19% 0.0761 353.64) 45.2%, oklch(39.45% 0.0756 341.26) 48.4%, oklch(38.90% 0.0758 328.39) 51.6%, oklch(38.58% 0.0769 315.96) 54.8%, oklch(38.50% 0.0786 304.89) 58.1%, oklch(38.70% 0.0811 296.00) 61.3%, oklch(39.22% 0.0854 288.66) 64.5%, oklch(40.01% 0.0909 282.41) 67.7%, oklch(41.02% 0.0969 277.01) 71.0%, oklch(42.19% 0.1025 272.24) 74.2%, oklch(43.45% 0.1068 267.83) 77.4%, oklch(44.76% 0.1091 263.58) 80.6%, oklch(46.35% 0.1093 259.61) 83.9%, oklch(48.22% 0.1079 256.07) 87.1%, oklch(50.17% 0.1056 252.97) 90.3%, oklch(52.03% 0.1030 250.33) 93.5%, oklch(53.61% 0.1006 248.15) 96.8%, oklch(54.72% 0.0992 246.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.11 | 59.8 |
| 2 | 0.52 | 0.107 | 42.9 |
| 3 | 0.417 | 0.079 | 10.1 |
| 4 | 0.386 | 0.08 | -60.7 |
| 5 | 0.445 | 0.109 | -95.6 |
| 6 | 0.547 | 0.099 | -113.5 |

## In these collections

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

## Other forms

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