# Midnight Bronze Salon Rings

Five concentric rings move from warm ivory through forest green, burgundy, bronze brown, and midnight blue. Use these luxury swatches for watch displays, fragrance packaging, formal event graphics, or refined focal badges that benefit from a centered, ceremonial arrangement of dark jewel tones.

- Also called: Off-white, maroon, brown and navy radial swatches
- Seed: `kW7xY9OBPI7ClrW2lMdJI9UA`
- Page: https://grabient.com/kW7xY9OBPI7ClrW2lMdJI9UA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#f5ebd5` | `oklch(94.09% 0.0303 85.78)` | Quiet Shore | black, 17.6 to 1 |
| 2 | `#365c4a` | `oklch(44.09% 0.0537 161.87)` | Wine Leaf | white, 7.5 to 1 |
| 3 | `#6e263b` | `oklch(38.19% 0.1033 5.47)` | Siren | white, 10.4 to 1 |
| 4 | `#644a2c` | `oklch(42.91% 0.0565 67.82)` | Dallas | white, 8.2 to 1 |
| 5 | `#152e3d` | `oklch(28.74% 0.0413 237.95)` | NATO Blue | white, 14.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f5ebd5 0.000% 20.000%, #365c4a 20.000% 40.000%, #6e263b 40.000% 60.000%, #644a2c 60.000% 80.000%, #152e3d 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(94.09% 0.0303 85.78) 0.000% 20.000%, oklch(44.09% 0.0537 161.87) 20.000% 40.000%, oklch(38.19% 0.1033 5.47) 40.000% 60.000%, oklch(42.91% 0.0565 67.82) 60.000% 80.000%, oklch(28.74% 0.0413 237.95) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.03 | 85.8 |
| 2 | 0.441 | 0.054 | 161.9 |
| 3 | 0.382 | 0.103 | 5.5 |
| 4 | 0.429 | 0.056 | 67.8 |
| 5 | 0.287 | 0.041 | 238 |

## In these collections

- [Luxury swatches](https://grabient.com/luxury-swatches)

## Other forms

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