# Gold yellow palette

The Gold yellow palette brings together gold. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the gold color family.

- Also called: Pastel monochrome tan and brown angular swatches
- Seed: `kW109DY6q_tosP1VrT94y7A4`
- Page: https://grabient.com/kW109DY6q_tosP1VrT94y7A4?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: pastel, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.8 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 | `#e4cc77` | `oklch(84.65% 0.1089 94.22)` | Green Papaya | black, 13.1 to 1 |
| 2 | `#d3b659` | `oklch(78.35% 0.1171 92.11)` | Luxurious | black, 10.6 to 1 |
| 3 | `#c29b3b` | `oklch(70.87% 0.1213 86.82)` | Golden Mean | black, 8 to 1 |
| 4 | `#bb8e2a` | `oklch(67.32% 0.1240 82.59)` | Hokey Pokey | black, 7 to 1 |
| 5 | `#d6b44b` | `oklch(77.95% 0.1281 91.05)` | Farm Straw | black, 10.4 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #e4cc77 0.000% 20.000%, #d3b659 20.000% 40.000%, #c29b3b 40.000% 60.000%, #bb8e2a 60.000% 80.000%, #d6b44b 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(84.65% 0.1089 94.22) 0.000% 20.000%, oklch(78.35% 0.1171 92.11) 20.000% 40.000%, oklch(70.87% 0.1213 86.82) 40.000% 60.000%, oklch(67.32% 0.1240 82.59) 60.000% 80.000%, oklch(77.95% 0.1281 91.05) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.109 | 94.2 |
| 2 | 0.783 | 0.117 | 92.1 |
| 3 | 0.709 | 0.121 | 86.8 |
| 4 | 0.673 | 0.124 | 82.6 |
| 5 | 0.78 | 0.128 | 91 |

## In these collections

- [Yellow swatches](https://grabient.com/yellow-swatches)

## Other forms

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