# Terracotta late summer lake haze

The Terracotta late summer lake haze brings together orange, light orange, light yellow, light teal, light blue, and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is orange, and its lightest tone is light teal.

- Also called: Complementary brown, gray and blue linear gradient
- Seed: `kYrTQmZBdCOyKwztCc1ZJlDNagQM`
- Page: https://grabient.com/kYrTQmZBdCOyKwztCc1ZJlDNagQM?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.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 | `#bc8d6f` | `oklch(68.11% 0.0717 53.44)` | Nobody but Ben | black, 7.1 to 1 |
| 2 | `#bf9172` | `oklch(69.26% 0.0711 55.33)` | Hickory Tint | black, 7.5 to 1 |
| 3 | `#c39776` | `oklch(70.89% 0.0705 57.87)` | Copper Moon | black, 7.9 to 1 |
| 4 | `#c89d7a` | `oklch(72.81% 0.0698 60.90)` | Desert Carnation | black, 8.5 to 1 |
| 5 | `#cda580` | `oklch(74.83% 0.0686 64.31)` | Totally Tan | black, 9.2 to 1 |
| 6 | `#d0ac86` | `oklch(76.77% 0.0668 67.96)` | Cheddar Biscuit | black, 9.9 to 1 |
| 7 | `#d3b38c` | `oklch(78.45% 0.0641 71.71)` | Summerwood | black, 10.5 to 1 |
| 8 | `#d4b893` | `oklch(79.84% 0.0600 74.97)` | Brown Hare | black, 11.1 to 1 |
| 9 | `#d5be9b` | `oklch(81.16% 0.0544 77.26)` | Eire | black, 11.6 to 1 |
| 10 | `#d6c2a3` | `oklch(82.38% 0.0478 79.51)` | Country Linen | black, 12.1 to 1 |
| 11 | `#d6c7ab` | `oklch(83.48% 0.0412 82.69)` | Bone Meal | black, 12.6 to 1 |
| 12 | `#d5cbb3` | `oklch(84.43% 0.0351 87.77)` | Aths Special | black, 13 to 1 |
| 13 | `#d4cfb9` | `oklch(85.19% 0.0303 95.73)` | Velum Smoke | black, 13.3 to 1 |
| 14 | `#d1d2be` | `oklch(85.75% 0.0272 107.86)` | Soft Kind | black, 13.6 to 1 |
| 15 | `#ced5c3` | `oklch(86.16% 0.0249 125.15)` | Ligado | black, 13.8 to 1 |
| 16 | `#c9d7c9` | `oklch(86.41% 0.0232 145.67)` | Falling Star | black, 14 to 1 |
| 17 | `#c5d8cf` | `oklch(86.48% 0.0225 167.27)` | Geyser | black, 14 to 1 |
| 18 | `#c2d7d5` | `oklch(86.38% 0.0229 187.79)` | Haint Blue | black, 14 to 1 |
| 19 | `#c0d6d9` | `oklch(86.10% 0.0245 205.08)` | Wind Speed | black, 13.8 to 1 |
| 20 | `#bcd5dc` | `oklch(85.60% 0.0277 217.24)` | Winterscape | black, 13.6 to 1 |
| 21 | `#b7d2de` | `oklch(84.88% 0.0332 225.40)` | Pale Whale | black, 13.3 to 1 |
| 22 | `#b1d0e0` | `oklch(83.95% 0.0405 230.79)` | Holiday Road | black, 12.9 to 1 |
| 23 | `#a9cde2` | `oklch(82.85% 0.0487 234.22)` | Escape | black, 12.4 to 1 |
| 24 | `#a0c9e3` | `oklch(81.61% 0.0568 236.53)` | Windsor Way | black, 11.9 to 1 |
| 25 | `#98c5e4` | `oklch(80.26% 0.0642 238.54)` | Pale Cerulean | black, 11.4 to 1 |
| 26 | `#92c0e3` | `oklch(78.84% 0.0699 241.03)` | Moment of Grace | black, 10.9 to 1 |
| 27 | `#8bbbe1` | `oklch(77.11% 0.0744 243.29)` | Goluboy Blue | black, 10.2 to 1 |
| 28 | `#84b4dd` | `oklch(75.09% 0.0783 244.89)` | Dun Morogh Blue | black, 9.5 to 1 |
| 29 | `#7dadd8` | `oklch(73.00% 0.0815 245.99)` | High Seas | black, 8.8 to 1 |
| 30 | `#76a7d4` | `oklch(71.00% 0.0842 246.75)` | Polar Ice | black, 8.2 to 1 |
| 31 | `#70a1cf` | `oklch(69.31% 0.0864 247.33)` | Overcast | black, 7.7 to 1 |
| 32 | `#6c9ecd` | `oklch(68.11% 0.0882 247.88)` | Blue Electress | black, 7.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bc8d6f 0.0%, #bf9172 3.2%, #c39776 6.5%, #c89d7a 9.7%, #cda580 12.9%, #d0ac86 16.1%, #d3b38c 19.4%, #d4b893 22.6%, #d5be9b 25.8%, #d6c2a3 29.0%, #d6c7ab 32.3%, #d5cbb3 35.5%, #d4cfb9 38.7%, #d1d2be 41.9%, #ced5c3 45.2%, #c9d7c9 48.4%, #c5d8cf 51.6%, #c2d7d5 54.8%, #c0d6d9 58.1%, #bcd5dc 61.3%, #b7d2de 64.5%, #b1d0e0 67.7%, #a9cde2 71.0%, #a0c9e3 74.2%, #98c5e4 77.4%, #92c0e3 80.6%, #8bbbe1 83.9%, #84b4dd 87.1%, #7dadd8 90.3%, #76a7d4 93.5%, #70a1cf 96.8%, #6c9ecd 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.11% 0.0717 53.44) 0.0%, oklch(69.26% 0.0711 55.33) 3.2%, oklch(70.89% 0.0705 57.87) 6.5%, oklch(72.81% 0.0698 60.90) 9.7%, oklch(74.83% 0.0686 64.31) 12.9%, oklch(76.77% 0.0668 67.96) 16.1%, oklch(78.45% 0.0641 71.71) 19.4%, oklch(79.84% 0.0600 74.97) 22.6%, oklch(81.16% 0.0544 77.26) 25.8%, oklch(82.38% 0.0478 79.51) 29.0%, oklch(83.48% 0.0412 82.69) 32.3%, oklch(84.43% 0.0351 87.77) 35.5%, oklch(85.19% 0.0303 95.73) 38.7%, oklch(85.75% 0.0272 107.86) 41.9%, oklch(86.16% 0.0249 125.15) 45.2%, oklch(86.41% 0.0232 145.67) 48.4%, oklch(86.48% 0.0225 167.27) 51.6%, oklch(86.38% 0.0229 187.79) 54.8%, oklch(86.10% 0.0245 205.08) 58.1%, oklch(85.60% 0.0277 217.24) 61.3%, oklch(84.88% 0.0332 225.40) 64.5%, oklch(83.95% 0.0405 230.79) 67.7%, oklch(82.85% 0.0487 234.22) 71.0%, oklch(81.61% 0.0568 236.53) 74.2%, oklch(80.26% 0.0642 238.54) 77.4%, oklch(78.84% 0.0699 241.03) 80.6%, oklch(77.11% 0.0744 243.29) 83.9%, oklch(75.09% 0.0783 244.89) 87.1%, oklch(73.00% 0.0815 245.99) 90.3%, oklch(71.00% 0.0842 246.75) 93.5%, oklch(69.31% 0.0864 247.33) 96.8%, oklch(68.11% 0.0882 247.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.072 | 53.4 |
| 2 | 0.787 | 0.063 | 72.5 |
| 3 | 0.854 | 0.029 | 99.9 |
| 4 | 0.858 | 0.026 | 213 |
| 5 | 0.791 | 0.069 | 240.5 |
| 6 | 0.681 | 0.088 | 247.9 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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