# Deep teal, ochre and gray winter wedding

The Deep teal, ochre and gray winter wedding brings together green, off-white, red, and gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Dark green, light blue, purple and gray radial swatches
- Seed: `kUXyN5eYO_7wnq9KBbHA`
- Page: https://grabient.com/kUXyN5eYO_7wnq9KBbHA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, muted
- Hues: triadic
- Contrast of its darkest and lightest colors: 8.8 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 | `#24493d` | `oklch(37.40% 0.0482 170.16)` | Te Papa Green | white, 10 to 1 |
| 2 | `#ebf3f0` | `oklch(95.67% 0.0096 170.16)` | Warp Drive | black, 18.5 to 1 |
| 3 | `#8b3e59` | `oklch(47.24% 0.1089 0.02)` | Quinacridone Magenta | white, 7.1 to 1 |
| 4 | `#737c83` | `oklch(58.27% 0.0152 240.61)` | Deep Shale | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #24493d 0.000% 25.000%, #ebf3f0 25.000% 50.000%, #8b3e59 50.000% 75.000%, #737c83 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(37.40% 0.0482 170.16) 0.000% 25.000%, oklch(95.67% 0.0096 170.16) 25.000% 50.000%, oklch(47.24% 0.1089 0.02) 50.000% 75.000%, oklch(58.27% 0.0152 240.61) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.048 | 170.2 |
| 2 | 0.957 | 0.01 | 170.2 |
| 3 | 0.472 | 0.109 | 0 |
| 4 | 0.583 | 0.015 | -119.4 |

## In these collections

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

## Other forms

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