# Cream Rose Vintage Rings

These three concentric rings move from pale cream through dusty rose and finish in muted sage. The soft floral combination and simple target shape have the quiet character of aged wallpaper and painted ceramics. Use them for vintage invitations, botanical labels, boutique packaging, or nostalgic social graphics that need a light center, a warm middle, and a calm natural edge.

- Also called: Beige, brown and gray radial swatches
- Seed: `kS5yI9xps4tETSy`
- Page: https://grabient.com/kS5yI9xps4tETSy?style=radialSwatches&steps=3&angle=0
- Drawn as: radial swatches, 3 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: wide
- Contrast of its darkest and lightest colors: 3.7 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 | `#efe0be` | `oklch(90.94% 0.0469 86.48)` | Satin Souffle | black, 16 to 1 |
| 2 | `#9a625d` | `oklch(55.51% 0.0744 25.19)` | Roulette | white, 4.9 to 1 |
| 3 | `#87916d` | `oklch(63.78% 0.0524 120.30)` | Royal Oakleaf | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #efe0be 0.000% 33.333%, #9a625d 33.333% 66.667%, #87916d 66.667% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(90.94% 0.0469 86.48) 0.000% 33.333%, oklch(55.51% 0.0744 25.19) 33.333% 66.667%, oklch(63.78% 0.0524 120.30) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.047 | 86.5 |
| 2 | 0.555 | 0.074 | 25.2 |
| 3 | 0.638 | 0.052 | 120.3 |

## In these collections

- [Vintage swatches](https://grabient.com/vintage-swatches)

## Other forms

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