# Rosewood Picnic Stripe

Five bands move from burnt orange through pale cream, olive, rose pink, and finish in gold. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. The palette supports retro posters, album covers, packaging, and nostalgic interface accents without losing its darker and lighter anchors.

- Also called: Brown, olive, pink and tan linear swatches
- Seed: `kWkDwqchBDkahw1bpLH4i5KY`
- Page: https://grabient.com/kWkDwqchBDkahw1bpLH4i5KY?style=linearSwatches&steps=5&angle=225
- Drawn as: linear swatches, 5 steps, 225 degrees
- Kinds: pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.4 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 | `#9b6a43` | `oklch(56.69% 0.0827 59.06)` | Must Love Dogs | white, 4.6 to 1 |
| 2 | `#e9ddbd` | `oklch(89.76% 0.0441 89.71)` | Double Pearl Lusta | black, 15.4 to 1 |
| 3 | `#6e7a38` | `oklch(55.51% 0.0923 118.24)` | Army Golf | white, 4.6 to 1 |
| 4 | `#d98aa2` | `oklch(72.05% 0.1006 359.88)` | Reflecting Rose | black, 8 to 1 |
| 5 | `#d6b04a` | `oklch(77.17% 0.1268 88.65)` | Golden Rule | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #9b6a43 0.000% 20.000%, #e9ddbd 20.000% 40.000%, #6e7a38 40.000% 60.000%, #d98aa2 60.000% 80.000%, #d6b04a 80.000% 100.000%);
background: linear-gradient(225deg, oklch(56.69% 0.0827 59.06) 0.000% 20.000%, oklch(89.76% 0.0441 89.71) 20.000% 40.000%, oklch(55.51% 0.0923 118.24) 40.000% 60.000%, oklch(72.05% 0.1006 359.88) 60.000% 80.000%, oklch(77.17% 0.1268 88.65) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.083 | 59.1 |
| 2 | 0.898 | 0.044 | 89.7 |
| 3 | 0.555 | 0.092 | 118.2 |
| 4 | 0.72 | 0.101 | -0.1 |
| 5 | 0.772 | 0.127 | 88.7 |

## In these collections

- [Retro swatches](https://grabient.com/retro-swatches)

## Other forms

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