# Gold orange palette

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

- Also called: Vivid analogous yellow to orange linear gradient
- Seed: `kU72BH9DS_Wa7vVWTLvA`
- Page: https://grabient.com/kU72BH9DS_Wa7vVWTLvA?steps=5&angle=0
- Drawn as: linear gradient, 5 steps, 0 degrees
- Kinds: vivid, light, warm
- 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 | `#ffee82` | `oklch(94.09% 0.1307 100.55)` | Lemon Peel | black, 17.8 to 1 |
| 2 | `#ffe876` | `oklch(92.64% 0.1364 97.90)` | Banana Peel | black, 17 to 1 |
| 3 | `#ffcb4c` | `oklch(86.66% 0.1508 86.02)` | Decisive Yellow | black, 13.9 to 1 |
| 4 | `#ff9a0b` | `oklch(77.32% 0.1724 64.43)` | Vitamin C | black, 9.8 to 1 |
| 5 | `#fd5919` | `oklch(67.72% 0.2108 38.20)` | Carrot Lava | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #ffee82 0.0%, #ffe876 25.0%, #ffcb4c 50.0%, #ff9a0b 75.0%, #fd5919 100.0%);
background: linear-gradient(0deg in oklch, oklch(94.09% 0.1307 100.55) 0.0%, oklch(92.64% 0.1364 97.90) 25.0%, oklch(86.66% 0.1508 86.02) 50.0%, oklch(77.32% 0.1724 64.43) 75.0%, oklch(67.72% 0.2108 38.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.132 | 100.5 |
| 2 | 0.913 | 0.145 | 95.3 |
| 3 | 0.807 | 0.164 | 73.1 |
| 4 | 0.677 | 0.211 | 38.2 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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