# Navy rose ivory wedding rings

The Navy rose ivory wedding rings brings together off-white, red, green, and dark blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: White, mauve, dark green and navy radial swatches
- Seed: `kU9Asy0py3ziR06iDUsA`
- Page: https://grabient.com/kU9Asy0py3ziR06iDUsA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light to dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 13.5 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 | `#f9f1e7` | `oklch(96.06% 0.0152 71.02)` | Moonlit Beach | black, 18.7 to 1 |
| 2 | `#b87b8b` | `oklch(64.96% 0.0785 2.33)` | Foxglove | black, 6.2 to 1 |
| 3 | `#385d4f` | `oklch(44.49% 0.0482 169.29)` | Spectra | white, 7.4 to 1 |
| 4 | `#1d2638` | `oklch(26.77% 0.0358 263.34)` | Midnight Express | white, 15.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f9f1e7 0.000% 25.000%, #b87b8b 25.000% 50.000%, #385d4f 50.000% 75.000%, #1d2638 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.06% 0.0152 71.02) 0.000% 25.000%, oklch(64.96% 0.0785 2.33) 25.000% 50.000%, oklch(44.49% 0.0482 169.29) 50.000% 75.000%, oklch(26.77% 0.0358 263.34) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.015 | 71 |
| 2 | 0.65 | 0.079 | 2.3 |
| 3 | 0.445 | 0.048 | 169.3 |
| 4 | 0.268 | 0.036 | 263.3 |

## In these collections

- [Winter wedding swatches](https://grabient.com/winter-wedding-swatches)

## Other forms

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