# Gold color palette

The Gold color palette brings together light yellow, gold, green, and pale yellow. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is gold, and its lightest tone is pale yellow.

- Also called: Pastel beige, brown and gray angular swatches
- Seed: `kU5TZF1DM-VeWRl3kLug`
- Page: https://grabient.com/kU5TZF1DM-VeWRl3kLug?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#ebe0a7` | `oklch(90.16% 0.0744 97.73)` | Steam Chestnut | black, 15.7 to 1 |
| 2 | `#ba8a00` | `oklch(66.14% 0.1358 83.98)` | Kenyan Sand | black, 6.7 to 1 |
| 3 | `#89a480` | `oklch(68.90% 0.0606 137.89)` | Mistletoe | black, 7.7 to 1 |
| 4 | `#f1edcb` | `oklch(94.09% 0.0455 101.96)` | Silkworm | black, 17.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #ebe0a7 0.000% 25.000%, #ba8a00 25.000% 50.000%, #89a480 50.000% 75.000%, #f1edcb 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(90.16% 0.0744 97.73) 0.000% 25.000%, oklch(66.14% 0.1358 83.98) 25.000% 50.000%, oklch(68.90% 0.0606 137.89) 50.000% 75.000%, oklch(94.09% 0.0455 101.96) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.074 | 97.7 |
| 2 | 0.661 | 0.141 | 84 |
| 3 | 0.689 | 0.061 | 137.9 |
| 4 | 0.941 | 0.045 | 102 |

## In these collections

- [Christmas swatches](https://grabient.com/christmas-swatches)
- [Green and gold swatches](https://grabient.com/green-and-gold-swatches)

## Other forms

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