# Gold and terracotta cream palette

The Gold and terracotta cream palette brings together light orange, orange, and yellow. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Analogous tan, brown, peach and olive linear gradient
- Seed: `kUyzA3xRS9e0Xv9VHEcA`
- Page: https://grabient.com/kUyzA3xRS9e0Xv9VHEcA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#d5b98e` | `oklch(79.92% 0.0661 78.05)` | Creamy Nougat | black, 11.1 to 1 |
| 2 | `#d0b389` | `oklch(78.21% 0.0655 76.75)` | Link to the Past | black, 10.5 to 1 |
| 3 | `#c9ab82` | `oklch(75.72% 0.0646 74.98)` | Mindful | black, 9.6 to 1 |
| 4 | `#bfa17b` | `oklch(72.66% 0.0635 72.86)` | Season Finale | black, 8.6 to 1 |
| 5 | `#b59672` | `oklch(69.25% 0.0623 70.48)` | Warrant | black, 7.5 to 1 |
| 6 | `#ab8b69` | `oklch(65.74% 0.0610 67.97)` | Earthly Delight | black, 6.6 to 1 |
| 7 | `#a18061` | `oklch(62.33% 0.0598 65.43)` | Mulled Cider | black, 5.7 to 1 |
| 8 | `#97775a` | `oklch(59.26% 0.0586 62.99)` | Cocoa Cupcake | black, 5 to 1 |
| 9 | `#906f54` | `oklch(56.75% 0.0577 60.74)` | Leather Bound | black, 4.5 to 1 |
| 10 | `#8b6a50` | `oklch(55.02% 0.0569 58.81)` | Centaur Brown | white, 4.9 to 1 |
| 11 | `#89674f` | `oklch(54.31% 0.0565 57.30)` | Burnished Brandy | white, 5 to 1 |
| 12 | `#8b6951` | `oklch(54.85% 0.0565 56.16)` | Centaur Brown | white, 4.9 to 1 |
| 13 | `#916e56` | `oklch(56.72% 0.0568 54.93)` | Brownie Scout | white, 4.5 to 1 |
| 14 | `#9b765f` | `oklch(59.65% 0.0573 53.70)` | Baked Sienna | black, 5.1 to 1 |
| 15 | `#a7816a` | `oklch(63.34% 0.0579 52.56)` | Warm Cognac | black, 5.9 to 1 |
| 16 | `#b58d76` | `oklch(67.50% 0.0588 51.64)` | Homeland | black, 7 to 1 |
| 17 | `#c39a82` | `oklch(71.83% 0.0597 51.05)` | Chestnut Bisque | black, 8.2 to 1 |
| 18 | `#d2a78f` | `oklch(76.05% 0.0608 50.89)` | Vienna Beige | black, 9.6 to 1 |
| 19 | `#dfb39a` | `oklch(79.87% 0.0619 51.28)` | Pink Tulle | black, 11 to 1 |
| 20 | `#e9bda2` | `oklch(82.98% 0.0630 52.33)` | Sunset Drive | black, 12.2 to 1 |
| 21 | `#f0c4a7` | `oklch(85.11% 0.0641 54.15)` | Siesta | black, 13.1 to 1 |
| 22 | `#f3c7a8` | `oklch(85.97% 0.0651 56.90)` | Citrus Sachet | black, 13.5 to 1 |
| 23 | `#f1c7a4` | `oklch(85.72% 0.0663 61.06)` | Radome Tan | black, 13.4 to 1 |
| 24 | `#ebc49e` | `oklch(84.60% 0.0675 66.50)` | Pine Grain | black, 12.9 to 1 |
| 25 | `#e3c095` | `oklch(82.79% 0.0689 72.87)` | Laksa | black, 12.2 to 1 |
| 26 | `#d8bb8c` | `oklch(80.50% 0.0703 79.86)` | San Carlos Plaza | black, 11.3 to 1 |
| 27 | `#cbb582` | `oklch(77.90% 0.0717 87.12)` | Tweed Jacket | black, 10.4 to 1 |
| 28 | `#bdae79` | `oklch(75.18% 0.0731 94.34)` | Goldie Oldie | black, 9.5 to 1 |
| 29 | `#b0a871` | `oklch(72.54% 0.0743 101.17)` | Natchez Moss | black, 8.6 to 1 |
| 30 | `#a4a36b` | `oklch(70.16% 0.0755 107.30)` | Willow Leaf | black, 7.9 to 1 |
| 31 | `#999e66` | `oklch(68.23% 0.0764 112.38)` | Banana Palm | black, 7.4 to 1 |
| 32 | `#929b64` | `oklch(66.93% 0.0772 116.09)` | Reptilian Leader | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d5b98e 0.0%, #d0b389 3.2%, #c9ab82 6.5%, #bfa17b 9.7%, #b59672 12.9%, #ab8b69 16.1%, #a18061 19.4%, #97775a 22.6%, #906f54 25.8%, #8b6a50 29.0%, #89674f 32.3%, #8b6951 35.5%, #916e56 38.7%, #9b765f 41.9%, #a7816a 45.2%, #b58d76 48.4%, #c39a82 51.6%, #d2a78f 54.8%, #dfb39a 58.1%, #e9bda2 61.3%, #f0c4a7 64.5%, #f3c7a8 67.7%, #f1c7a4 71.0%, #ebc49e 74.2%, #e3c095 77.4%, #d8bb8c 80.6%, #cbb582 83.9%, #bdae79 87.1%, #b0a871 90.3%, #a4a36b 93.5%, #999e66 96.8%, #929b64 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.92% 0.0661 78.05) 0.0%, oklch(78.21% 0.0655 76.75) 3.2%, oklch(75.72% 0.0646 74.98) 6.5%, oklch(72.66% 0.0635 72.86) 9.7%, oklch(69.25% 0.0623 70.48) 12.9%, oklch(65.74% 0.0610 67.97) 16.1%, oklch(62.33% 0.0598 65.43) 19.4%, oklch(59.26% 0.0586 62.99) 22.6%, oklch(56.75% 0.0577 60.74) 25.8%, oklch(55.02% 0.0569 58.81) 29.0%, oklch(54.31% 0.0565 57.30) 32.3%, oklch(54.85% 0.0565 56.16) 35.5%, oklch(56.72% 0.0568 54.93) 38.7%, oklch(59.65% 0.0573 53.70) 41.9%, oklch(63.34% 0.0579 52.56) 45.2%, oklch(67.50% 0.0588 51.64) 48.4%, oklch(71.83% 0.0597 51.05) 51.6%, oklch(76.05% 0.0608 50.89) 54.8%, oklch(79.87% 0.0619 51.28) 58.1%, oklch(82.98% 0.0630 52.33) 61.3%, oklch(85.11% 0.0641 54.15) 64.5%, oklch(85.97% 0.0651 56.90) 67.7%, oklch(85.72% 0.0663 61.06) 71.0%, oklch(84.60% 0.0675 66.50) 74.2%, oklch(82.79% 0.0689 72.87) 77.4%, oklch(80.50% 0.0703 79.86) 80.6%, oklch(77.90% 0.0717 87.12) 83.9%, oklch(75.18% 0.0731 94.34) 87.1%, oklch(72.54% 0.0743 101.17) 90.3%, oklch(70.16% 0.0755 107.30) 93.5%, oklch(68.23% 0.0764 112.38) 96.8%, oklch(66.93% 0.0772 116.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.066 | 78 |
| 2 | 0.543 | 0.056 | 56.9 |
| 3 | 0.858 | 0.065 | 55.9 |
| 4 | 0.669 | 0.077 | 116.1 |

## In these collections

- [Cream](https://grabient.com/cream)

## Other forms

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