# Cream gold raspberry teal rings

Four concentric regions move from warm cream at the center through ochre gold and raspberry to deep petrol teal outside. The pale core, warm middle, and cool dark edge create a clear jewel-and-metal contrast. Use it for cosmetic compacts, fashion accessories, or formal party graphics.

- Also called: Beige, tan, magenta and teal radial swatches
- Seed: `kU7ho6XrHAjs7taxFS7A`
- Page: https://grabient.com/kU7ho6XrHAjs7taxFS7A?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#f7e8d0` | `oklch(93.70% 0.0358 81.56)` | Tailwind | black, 17.4 to 1 |
| 2 | `#d1a531` | `oklch(74.41% 0.1364 86.85)` | Kingdom Gold | black, 9.1 to 1 |
| 3 | `#9c1f55` | `oklch(46.46% 0.1640 0.19)` | Hydrangea Red | white, 7.6 to 1 |
| 4 | `#164c57` | `oklch(38.58% 0.0579 215.42)` | Nocturnal Expedition | white, 9.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f7e8d0 0.000% 25.000%, #d1a531 25.000% 50.000%, #9c1f55 50.000% 75.000%, #164c57 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(93.70% 0.0358 81.56) 0.000% 25.000%, oklch(74.41% 0.1364 86.85) 25.000% 50.000%, oklch(46.46% 0.1640 0.19) 50.000% 75.000%, oklch(38.58% 0.0579 215.42) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.036 | 81.6 |
| 2 | 0.744 | 0.136 | 86.8 |
| 3 | 0.465 | 0.164 | 0.2 |
| 4 | 0.386 | 0.058 | -144.6 |

## In these collections

- [Glamoratti](https://grabient.com/glamoratti)

## Other forms

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