# Gold color palette

The Gold color palette brings together gold, pale yellow, and light yellow. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits website sections and interface mockups. Its darkest tone is gold, and its lightest tone is pale yellow.

- Also called: Seamless pastel tan and yellow radial gradient
- Seed: `kU1UFAeiTA_KoQNoIL7A`
- Page: https://grabient.com/kU1UFAeiTA_KoQNoIL7A?style=radialGradient&steps=48&angle=20
- Drawn as: radial gradient, 48 steps, 20 degrees
- Kinds: pastel, light, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.5 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 | `#e1c885` | `oklch(83.86% 0.0896 90.00)` | Salty Cracker | black, 12.7 to 1 |
| 2 | `#e2ca87` | `oklch(84.33% 0.0900 90.31)` | Camel Cord | black, 13 to 1 |
| 3 | `#e4cc88` | `oklch(84.95% 0.0904 90.68)` | Lol Yellow | black, 13.2 to 1 |
| 4 | `#e6ce8a` | `oklch(85.70% 0.0910 91.11)` | Alchemy | black, 13.6 to 1 |
| 5 | `#e9d18c` | `oklch(86.55% 0.0916 91.59)` | Sweet Angelica | black, 13.9 to 1 |
| 6 | `#ebd58f` | `oklch(87.48% 0.0923 92.11)` | Pineapple Slice | black, 14.4 to 1 |
| 7 | `#eed891` | `oklch(88.46% 0.0930 92.67)` | Pineapple Crush | black, 14.8 to 1 |
| 8 | `#f1dc94` | `oklch(89.48% 0.0938 93.26)` | Gold Bullion | black, 15.3 to 1 |
| 9 | `#f4df96` | `oklch(90.50% 0.0946 93.87)` | Lemon Meringue | black, 15.8 to 1 |
| 10 | `#f7e399` | `oklch(91.51% 0.0954 94.49)` | Lemon Meringue | black, 16.3 to 1 |
| 11 | `#fae69b` | `oklch(92.47% 0.0962 95.12)` | Storm Lightning | black, 16.8 to 1 |
| 12 | `#fce99e` | `oklch(93.38% 0.0971 95.75)` | Lemon Butter | black, 17.3 to 1 |
| 13 | `#ffeca0` | `oklch(94.19% 0.0979 96.37)` | Baby Chick | black, 17.7 to 1 |
| 14 | `#ffefa9` | `oklch(94.90% 0.0905 96.98)` | Transparent Yellow | black, 18.1 to 1 |
| 15 | `#fff1b1` | `oklch(95.47% 0.0833 97.57)` | Creamy Lemon | black, 18.4 to 1 |
| 16 | `#fff3b6` | `oklch(95.89% 0.0785 98.12)` | Swiss Cheese | black, 18.7 to 1 |
| 17 | `#fff4b8` | `oklch(96.12% 0.0766 98.63)` | Swiss Cheese | black, 18.8 to 1 |
| 18 | `#fff4b8` | `oklch(96.21% 0.0776 99.19)` | Swiss Cheese | black, 18.9 to 1 |
| 19 | `#fff4b5` | `oklch(96.18% 0.0815 99.78)` | Swiss Cheese | black, 18.9 to 1 |
| 20 | `#fff4af` | `oklch(96.04% 0.0882 100.41)` | Paper Tiger | black, 18.8 to 1 |
| 21 | `#fff4a6` | `oklch(95.80% 0.0979 101.05)` | Firefly Glow | black, 18.7 to 1 |
| 22 | `#fef39f` | `oklch(95.48% 0.1051 101.70)` | Yellow Tail | black, 18.5 to 1 |
| 23 | `#fcf29d` | `oklch(95.09% 0.1061 102.34)` | Yellow Tail | black, 18.3 to 1 |
| 24 | `#faf19b` | `oklch(94.64% 0.1070 102.97)` | Daisy Chain | black, 18.1 to 1 |
| 25 | `#f8f099` | `oklch(94.13% 0.1078 103.57)` | Portofino | black, 17.8 to 1 |
| 26 | `#f5ee97` | `oklch(93.60% 0.1086 104.13)` | Portofino | black, 17.5 to 1 |
| 27 | `#f3ec95` | `oklch(93.03% 0.1093 104.63)` | Golden Fragrance | black, 17.2 to 1 |
| 28 | `#f1eb93` | `oklch(92.46% 0.1098 105.06)` | Ginger Lemon Cake | black, 16.9 to 1 |
| 29 | `#eee991` | `oklch(91.89% 0.1102 105.41)` | Lemon Flesh | black, 16.7 to 1 |
| 30 | `#ece78f` | `oklch(91.34% 0.1104 105.67)` | Yellow Iris | black, 16.4 to 1 |
| 31 | `#eae68d` | `oklch(90.80% 0.1105 105.83)` | Yellow Iris | black, 16.1 to 1 |
| 32 | `#e8e48c` | `oklch(90.31% 0.1103 105.87)` | Tender Sprout | black, 15.9 to 1 |
| 33 | `#e7e28a` | `oklch(89.84% 0.1099 105.77)` | Tender Sprout | black, 15.6 to 1 |
| 34 | `#e6e189` | `oklch(89.34% 0.1092 105.51)` | Tender Sprout | black, 15.4 to 1 |
| 35 | `#e4df88` | `oklch(88.79% 0.1082 105.11)` | Crescendo | black, 15.1 to 1 |
| 36 | `#e3dc87` | `oklch(88.21% 0.1070 104.59)` | Dead Grass | black, 14.8 to 1 |
| 37 | `#e1da86` | `oklch(87.61% 0.1057 103.96)` | Dead Grass | black, 14.5 to 1 |
| 38 | `#e0d885` | `oklch(87.00% 0.1041 103.26)` | Gold Winged | black, 14.3 to 1 |
| 39 | `#dfd584` | `oklch(86.38% 0.1025 102.50)` | Artichoke Heart | black, 14 to 1 |
| 40 | `#ddd384` | `oklch(85.76% 0.1008 101.69)` | Treasury | black, 13.7 to 1 |
| 41 | `#dcd183` | `oklch(85.15% 0.0991 100.87)` | Treasury | black, 13.4 to 1 |
| 42 | `#dbce82` | `oklch(84.56% 0.0973 100.05)` | Hay Day | black, 13.1 to 1 |
| 43 | `#dacc82` | `oklch(84.00% 0.0957 99.26)` | Hay Day | black, 12.9 to 1 |
| 44 | `#d8ca81` | `oklch(83.47% 0.0941 98.51)` | Deduction | black, 12.7 to 1 |
| 45 | `#d7c881` | `oklch(82.99% 0.0927 97.82)` | Serene Scene | black, 12.5 to 1 |
| 46 | `#d6c781` | `oklch(82.56% 0.0914 97.21)` | Serene Scene | black, 12.3 to 1 |
| 47 | `#d5c580` | `oklch(82.19% 0.0904 96.71)` | Green Apple Martini | black, 12.1 to 1 |
| 48 | `#d4c480` | `oklch(81.89% 0.0896 96.34)` | Winter Hazel | black, 12 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e1c885 0.0%, #e2ca87 2.1%, #e4cc88 4.3%, #e6ce8a 6.4%, #e9d18c 8.5%, #ebd58f 10.6%, #eed891 12.8%, #f1dc94 14.9%, #f4df96 17.0%, #f7e399 19.1%, #fae69b 21.3%, #fce99e 23.4%, #ffeca0 25.5%, #ffefa9 27.7%, #fff1b1 29.8%, #fff3b6 31.9%, #fff4b8 34.0%, #fff4b8 36.2%, #fff4b5 38.3%, #fff4af 40.4%, #fff4a6 42.6%, #fef39f 44.7%, #fcf29d 46.8%, #faf19b 48.9%, #f8f099 51.1%, #f5ee97 53.2%, #f3ec95 55.3%, #f1eb93 57.4%, #eee991 59.6%, #ece78f 61.7%, #eae68d 63.8%, #e8e48c 66.0%, #e7e28a 68.1%, #e6e189 70.2%, #e4df88 72.3%, #e3dc87 74.5%, #e1da86 76.6%, #e0d885 78.7%, #dfd584 80.9%, #ddd384 83.0%, #dcd183 85.1%, #dbce82 87.2%, #dacc82 89.4%, #d8ca81 91.5%, #d7c881 93.6%, #d6c781 95.7%, #d5c580 97.9%, #d4c480 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.86% 0.0896 90.00) 0.0%, oklch(84.33% 0.0900 90.31) 2.1%, oklch(84.95% 0.0904 90.68) 4.3%, oklch(85.70% 0.0910 91.11) 6.4%, oklch(86.55% 0.0916 91.59) 8.5%, oklch(87.48% 0.0923 92.11) 10.6%, oklch(88.46% 0.0930 92.67) 12.8%, oklch(89.48% 0.0938 93.26) 14.9%, oklch(90.50% 0.0946 93.87) 17.0%, oklch(91.51% 0.0954 94.49) 19.1%, oklch(92.47% 0.0962 95.12) 21.3%, oklch(93.38% 0.0971 95.75) 23.4%, oklch(94.19% 0.0979 96.37) 25.5%, oklch(94.90% 0.0905 96.98) 27.7%, oklch(95.47% 0.0833 97.57) 29.8%, oklch(95.89% 0.0785 98.12) 31.9%, oklch(96.12% 0.0766 98.63) 34.0%, oklch(96.21% 0.0776 99.19) 36.2%, oklch(96.18% 0.0815 99.78) 38.3%, oklch(96.04% 0.0882 100.41) 40.4%, oklch(95.80% 0.0979 101.05) 42.6%, oklch(95.48% 0.1051 101.70) 44.7%, oklch(95.09% 0.1061 102.34) 46.8%, oklch(94.64% 0.1070 102.97) 48.9%, oklch(94.13% 0.1078 103.57) 51.1%, oklch(93.60% 0.1086 104.13) 53.2%, oklch(93.03% 0.1093 104.63) 55.3%, oklch(92.46% 0.1098 105.06) 57.4%, oklch(91.89% 0.1102 105.41) 59.6%, oklch(91.34% 0.1104 105.67) 61.7%, oklch(90.80% 0.1105 105.83) 63.8%, oklch(90.31% 0.1103 105.87) 66.0%, oklch(89.84% 0.1099 105.77) 68.1%, oklch(89.34% 0.1092 105.51) 70.2%, oklch(88.79% 0.1082 105.11) 72.3%, oklch(88.21% 0.1070 104.59) 74.5%, oklch(87.61% 0.1057 103.96) 76.6%, oklch(87.00% 0.1041 103.26) 78.7%, oklch(86.38% 0.1025 102.50) 80.9%, oklch(85.76% 0.1008 101.69) 83.0%, oklch(85.15% 0.0991 100.87) 85.1%, oklch(84.56% 0.0973 100.05) 87.2%, oklch(84.00% 0.0957 99.26) 89.4%, oklch(83.47% 0.0941 98.51) 91.5%, oklch(82.99% 0.0927 97.82) 93.6%, oklch(82.56% 0.0914 97.21) 95.7%, oklch(82.19% 0.0904 96.71) 97.9%, oklch(81.89% 0.0896 96.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.09 | 90 |
| 2 | 0.961 | 0.101 | 98.5 |
| 3 | 0.902 | 0.11 | 105.9 |
| 4 | 0.819 | 0.09 | 96.3 |

## In these collections

- [Light UI gradients](https://grabient.com/light-ui-gradients)
- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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