# Pressed Rose Cupboard

Five bands move from pale cream through burgundy, burnt orange, coral red, and finish in warm orange. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. Use it for homelike packaging, garden graphics, textiles, and quiet editorial layouts when the design needs several coordinated color roles.

- Also called: Warm beige, mauve, pink and tan angular swatches
- Seed: `kW6hw-yJi18MQxlZmrr4SVG4`
- Page: https://grabient.com/kW6hw-yJi18MQxlZmrr4SVG4?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: dark center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#f0e4c9` | `oklch(92.13% 0.0386 87.89)` | Putting Bench | black, 16.6 to 1 |
| 2 | `#9a6773` | `oklch(57.09% 0.0675 3.35)` | Nouveau Rose | white, 4.6 to 1 |
| 3 | `#806551` | `oklch(52.76% 0.0455 57.24)` | Burnt Terra | white, 5.4 to 1 |
| 4 | `#c98d91` | `oklch(70.47% 0.0730 14.97)` | Greyish Pink | black, 7.7 to 1 |
| 5 | `#d9a966` | `oklch(76.38% 0.1020 74.15)` | Sugar Honey Cashew | black, 9.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #f0e4c9 0.000% 20.000%, #9a6773 20.000% 40.000%, #806551 40.000% 60.000%, #c98d91 60.000% 80.000%, #d9a966 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(92.13% 0.0386 87.89) 0.000% 20.000%, oklch(57.09% 0.0675 3.35) 20.000% 40.000%, oklch(52.76% 0.0455 57.24) 40.000% 60.000%, oklch(70.47% 0.0730 14.97) 60.000% 80.000%, oklch(76.38% 0.1020 74.15) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.039 | 87.9 |
| 2 | 0.571 | 0.068 | 3.4 |
| 3 | 0.528 | 0.045 | 57.2 |
| 4 | 0.705 | 0.073 | 15 |
| 5 | 0.764 | 0.102 | 74.2 |

## In these collections

- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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