# Gold and crimson orange palette

The Gold and crimson orange palette brings together light yellow, orange, and red. 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 red, and its lightest tone is light yellow.

- Also called: Vivid analogous beige, orange and red linear gradient
- Seed: `kS8EhF4rW6dPSvC`
- Page: https://grabient.com/kS8EhF4rW6dPSvC?steps=3&angle=45
- Drawn as: linear gradient, 3 steps, 45 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3 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 | `#feeea0` | `oklch(94.49% 0.0992 97.73)` | Baby Chick | black, 17.9 to 1 |
| 2 | `#ff9857` | `oklch(77.56% 0.1470 51.24)` | Honey Carrot Cake | black, 9.8 to 1 |
| 3 | `#fe3c55` | `oklch(65.75% 0.2274 19.53)` | Sizzling Red | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #feeea0 0.0%, #ff9857 50.0%, #fe3c55 100.0%);
background: linear-gradient(45deg in oklch, oklch(94.49% 0.0992 97.73) 0.0%, oklch(77.56% 0.1470 51.24) 50.0%, oklch(65.75% 0.2274 19.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.099 | 97.7 |
| 2 | 0.776 | 0.147 | 51.2 |
| 3 | 0.657 | 0.227 | 19.5 |

## In these collections

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

## Other forms

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