# Terracotta and deep teal amber beer hall The Terracotta and deep teal amber beer hall brings together orange, yellow, green, and teal. 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 orange. - Also called: Orange, tan and dark green linear gradient - Seed: `kWql0r3izBFagQnDFUULRBGI` - Page: https://grabient.com/kWql0r3izBFagQnDFUULRBGI?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light center, multicolor - Hues: analogous - Contrast of its darkest and lightest colors: 4.6 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 | `#cd8137` | `oklch(66.93% 0.1281 61.17)` | Chinese Bronze | black, 6.7 to 1 | | 2 | `#ce8339` | `oklch(67.59% 0.1279 61.85)` | Peru | black, 6.9 to 1 | | 3 | `#d1873b` | `oklch(68.58% 0.1278 62.66)` | Jazz Brass | black, 7.2 to 1 | | 4 | `#d48b3e` | `oklch(69.75% 0.1277 63.63)` | Buried Treasure | black, 7.5 to 1 | | 5 | `#d88f42` | `oklch(71.00% 0.1275 64.76)` | Suede Vest | black, 7.9 to 1 | | 6 | `#da9445` | `oklch(72.17% 0.1270 66.06)` | Orange Caramel | black, 8.2 to 1 | | 7 | `#dc9848` | `oklch(73.15% 0.1259 67.56)` | Aged Gouda | black, 8.6 to 1 | | 8 | `#dd9b4a` | `oklch(73.81% 0.1243 69.26)` | Aged Gouda | black, 8.8 to 1 | | 9 | `#db9d4c` | `oklch(74.03% 0.1220 71.18)` | Gold Foil | black, 8.9 to 1 | | 10 | `#d89e4e` | `oklch(73.90% 0.1187 73.19)` | Deep Bamboo Yellow | black, 8.9 to 1 | | 11 | `#d39f50` | `oklch(73.53% 0.1146 75.31)` | Saffron Robe | black, 8.8 to 1 | | 12 | `#ce9e52` | `oklch(72.94% 0.1100 77.59)` | Bright Gold | black, 8.6 to 1 | | 13 | `#c79e53` | `oklch(72.15% 0.1051 80.12)` | Camel | black, 8.4 to 1 | | 14 | `#c09c55` | `oklch(71.17% 0.1000 82.95)` | Steampunk Gold | black, 8.1 to 1 | | 15 | `#b99a56` | `oklch(70.04% 0.0950 86.15)` | Escapade Gold | black, 7.8 to 1 | | 16 | `#b19856` | `oklch(68.78% 0.0904 89.81)` | Viva Las Vegas | black, 7.5 to 1 | | 17 | `#a89656` | `oklch(67.39% 0.0861 93.97)` | Spring Moss | black, 7.1 to 1 | | 18 | `#9e9256` | `oklch(65.76% 0.0818 98.66)` | Tupelo Tree | black, 6.7 to 1 | | 19 | `#948e56` | `oklch(63.93% 0.0775 103.82)` | Amazon Queen | black, 6.2 to 1 | | 20 | `#898a55` | `oklch(61.93% 0.0733 109.35)` | Special Ops | black, 5.8 to 1 | | 21 | `#7e8554` | `oklch(59.82% 0.0692 115.17)` | Oregano | black, 5.3 to 1 | | 22 | `#738053` | `oklch(57.64% 0.0653 121.21)` | Turf War | black, 4.9 to 1 | | 23 | `#697a52` | `oklch(55.45% 0.0618 127.37)` | Kariyasu Green | white, 4.6 to 1 | | 24 | `#5f7451` | `oklch(53.29% 0.0586 133.59)` | Greenfield | white, 5.1 to 1 | | 25 | `#556e50` | `oklch(51.08% 0.0558 140.11)` | Daylight Jungle | white, 5.5 to 1 | | 26 | `#4b684e` | `oklch(48.64% 0.0534 147.47)` | Green Perennial | white, 6.2 to 1 | | 27 | `#40614c` | `oklch(46.05% 0.0512 155.34)` | Windy Pine | white, 6.9 to 1 | | 28 | `#375a49` | `oklch(43.45% 0.0493 163.29)` | Billiard Green | white, 7.7 to 1 | | 29 | `#2e5347` | `oklch(40.97% 0.0477 170.93)` | Highland Green | white, 8.6 to 1 | | 30 | `#264c44` | `oklch(38.72% 0.0463 177.86)` | Blackboard Green | white, 9.4 to 1 | | 31 | `#214742` | `oklch(36.83% 0.0451 183.68)` | Gable Green | white, 10.2 to 1 | | 32 | `#1d4340` | `oklch(35.43% 0.0441 187.98)` | Tiber | white, 10.8 to 1 | ## CSS ```css background: linear-gradient(90deg, #cd8137 0.0%, #ce8339 3.2%, #d1873b 6.5%, #d48b3e 9.7%, #d88f42 12.9%, #da9445 16.1%, #dc9848 19.4%, #dd9b4a 22.6%, #db9d4c 25.8%, #d89e4e 29.0%, #d39f50 32.3%, #ce9e52 35.5%, #c79e53 38.7%, #c09c55 41.9%, #b99a56 45.2%, #b19856 48.4%, #a89656 51.6%, #9e9256 54.8%, #948e56 58.1%, #898a55 61.3%, #7e8554 64.5%, #738053 67.7%, #697a52 71.0%, #5f7451 74.2%, #556e50 77.4%, #4b684e 80.6%, #40614c 83.9%, #375a49 87.1%, #2e5347 90.3%, #264c44 93.5%, #214742 96.8%, #1d4340 100.0%); background: linear-gradient(90deg in oklch, oklch(66.93% 0.1281 61.17) 0.0%, oklch(67.59% 0.1279 61.85) 3.2%, oklch(68.58% 0.1278 62.66) 6.5%, oklch(69.75% 0.1277 63.63) 9.7%, oklch(71.00% 0.1275 64.76) 12.9%, oklch(72.17% 0.1270 66.06) 16.1%, oklch(73.15% 0.1259 67.56) 19.4%, oklch(73.81% 0.1243 69.26) 22.6%, oklch(74.03% 0.1220 71.18) 25.8%, oklch(73.90% 0.1187 73.19) 29.0%, oklch(73.53% 0.1146 75.31) 32.3%, oklch(72.94% 0.1100 77.59) 35.5%, oklch(72.15% 0.1051 80.12) 38.7%, oklch(71.17% 0.1000 82.95) 41.9%, oklch(70.04% 0.0950 86.15) 45.2%, oklch(68.78% 0.0904 89.81) 48.4%, oklch(67.39% 0.0861 93.97) 51.6%, oklch(65.76% 0.0818 98.66) 54.8%, oklch(63.93% 0.0775 103.82) 58.1%, oklch(61.93% 0.0733 109.35) 61.3%, oklch(59.82% 0.0692 115.17) 64.5%, oklch(57.64% 0.0653 121.21) 67.7%, oklch(55.45% 0.0618 127.37) 71.0%, oklch(53.29% 0.0586 133.59) 74.2%, oklch(51.08% 0.0558 140.11) 77.4%, oklch(48.64% 0.0534 147.47) 80.6%, oklch(46.05% 0.0512 155.34) 83.9%, oklch(43.45% 0.0493 163.29) 87.1%, oklch(40.97% 0.0477 170.93) 90.3%, oklch(38.72% 0.0463 177.86) 93.5%, oklch(36.83% 0.0451 183.68) 96.8%, oklch(35.43% 0.0441 187.98) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.669 | 0.128 | 61.2 | | 2 | 0.74 | 0.123 | 70.7 | | 3 | 0.681 | 0.088 | 91.8 | | 4 | 0.528 | 0.058 | 135.1 | | 5 | 0.354 | 0.044 | 188 | ## In these collections - [Amber beer hall](https://grabient.com/amber-beer-hall) ## Other forms - [JSON](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.json?steps=32) - [PNG](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.png?steps=32) - [SVG](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.svg?steps=32) - [CSS](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.css?steps=32) - [ASE](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.ase?steps=32) - [GPL](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.gpl?steps=32) - [GRD](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.grd?steps=32) - [Design tokens](https://grabient.com/kWql0r3izBFagQnDFUULRBGI.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWql0r3izBFagQnDFUULRBGI&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWql0r3izBFagQnDFUULRBGI) - [Guide for agents](https://grabient.com/llms.txt)