# Gold, orange and coral sunrise palette

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

- Also called: Beige, yellow, peach and salmon radial swatches
- Seed: `kW8URE8q6_Ourvbjqjz2649o`
- Page: https://grabient.com/kW8URE8q6_Ourvbjqjz2649o?style=radialSwatches&steps=5&angle=135
- Drawn as: radial swatches, 5 steps, 135 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.2 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 | `#ffefab` | `oklch(94.88% 0.0876 96.34)` | Transparent Yellow | black, 18.1 to 1 |
| 2 | `#ffdb77` | `oklch(90.16% 0.1262 89.99)` | Sunlit | black, 15.6 to 1 |
| 3 | `#febf71` | `oklch(84.65% 0.1199 70.97)` | Cinnamon Buff | black, 12.9 to 1 |
| 4 | `#f6a078` | `oklch(78.35% 0.1157 45.60)` | Pumpkin Hue | black, 10.2 to 1 |
| 5 | `#e9847a` | `oklch(72.05% 0.1268 26.58)` | Cultured Rose | black, 8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffefab 0.000% 20.000%, #ffdb77 20.000% 40.000%, #febf71 40.000% 60.000%, #f6a078 60.000% 80.000%, #e9847a 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(94.88% 0.0876 96.34) 0.000% 20.000%, oklch(90.16% 0.1262 89.99) 20.000% 40.000%, oklch(84.65% 0.1199 70.97) 40.000% 60.000%, oklch(78.35% 0.1157 45.60) 60.000% 80.000%, oklch(72.05% 0.1268 26.58) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.094 | 96.3 |
| 2 | 0.902 | 0.128 | 90 |
| 3 | 0.846 | 0.12 | 71 |
| 4 | 0.783 | 0.116 | 45.6 |
| 5 | 0.72 | 0.127 | 26.6 |

## In these collections

- [Sunrise swatches](https://grabient.com/sunrise-swatches)

## Other forms

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