# Rose Gold Sunset Bands

These six horizontal bands move through deep rose, warm gold, near-black plum, pale coral, dark red-brown, and cream. The alternating values give headings, borders, silhouettes, and backgrounds distinct roles. Use them for sunset posters, event stationery, beauty packaging, or editorial layouts that need both glowing highlights and grounded evening shadows.

- Also called: Maroon, orange, black and light pink linear swatches
- Seed: `kYYVP-4LPIxoUNnpn8QoqRAXmIwm`
- Page: https://grabient.com/kYYVP-4LPIxoUNnpn8QoqRAXmIwm?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.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 | `#702243` | `oklch(38.19% 0.1144 357.89)` | Caviar Couture | white, 10.5 to 1 |
| 2 | `#e7a138` | `oklch(75.98% 0.1419 72.92)` | Gilded Leaves | black, 9.5 to 1 |
| 3 | `#290a19` | `oklch(20.47% 0.0551 352.61)` | Meški Black | white, 18.1 to 1 |
| 4 | `#fbb3a8` | `oklch(83.07% 0.0868 28.54)` | Peach Bud | black, 12 to 1 |
| 5 | `#4c0902` | `oklch(27.17% 0.0992 31.71)` | Lonely Chocolate | white, 15.5 to 1 |
| 6 | `#feede3` | `oklch(95.67% 0.0234 52.84)` | Vanilla Blush | black, 18.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #702243 0.000% 16.667%, #e7a138 16.667% 33.333%, #290a19 33.333% 50.000%, #fbb3a8 50.000% 66.667%, #4c0902 66.667% 83.333%, #feede3 83.333% 100.000%);
background: linear-gradient(90deg, oklch(38.19% 0.1144 357.89) 0.000% 16.667%, oklch(75.98% 0.1419 72.92) 16.667% 33.333%, oklch(20.47% 0.0551 352.61) 33.333% 50.000%, oklch(83.07% 0.0868 28.54) 50.000% 66.667%, oklch(27.17% 0.0992 31.71) 66.667% 83.333%, oklch(95.67% 0.0234 52.84) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.114 | 357.9 |
| 2 | 0.76 | 0.142 | 432.9 |
| 3 | 0.205 | 0.055 | 352.6 |
| 4 | 0.831 | 0.087 | 388.5 |
| 5 | 0.272 | 0.099 | 391.7 |
| 6 | 0.957 | 0.023 | 412.8 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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