# Orange, crimson and gold color palette

The Orange, crimson and gold color palette brings together orange, red, and gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is red, and its lightest tone is gold.

- Also called: Analogous orange, brown and tan linear swatches
- Seed: `kSsnQoQS89e0Zxi`
- Page: https://grabient.com/kSsnQoQS89e0Zxi?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.9 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 | `#e78022` | `oklch(70.08% 0.1598 56.25)` | Bright Marigold | black, 7.5 to 1 |
| 2 | `#a3462e` | `oklch(51.18% 0.1295 35.11)` | Toasted Paprika | white, 6 to 1 |
| 3 | `#e4ce9c` | `oklch(85.83% 0.0703 87.95)` | Honeycomb Glow | black, 13.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e78022 0.000% 33.333%, #a3462e 33.333% 66.667%, #e4ce9c 66.667% 100.000%);
background: linear-gradient(90deg, oklch(70.08% 0.1598 56.25) 0.000% 33.333%, oklch(51.18% 0.1295 35.11) 33.333% 66.667%, oklch(85.83% 0.0703 87.95) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.16 | 56.3 |
| 2 | 0.512 | 0.13 | 35.1 |
| 3 | 0.858 | 0.07 | 88 |

## In these collections

- [Orange swatches](https://grabient.com/orange-swatches)
- [Harvest swatches](https://grabient.com/harvest-swatches)

## Other forms

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