# Icy teal wine wedding swatches

The Icy teal wine wedding swatches brings together off-white, teal, pale orange, and red. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Light blue, teal, beige and purple linear swatches
- Seed: `kU9AiMVJK_HQQM81mLWg`
- Page: https://grabient.com/kU9AiMVJK_HQQM81mLWg?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#eaf4f4` | `oklch(96.06% 0.0110 196.87)` | Milky Way | black, 18.8 to 1 |
| 2 | `#6f9e9a` | `oklch(66.54% 0.0510 189.48)` | Delaware Blue Hen | black, 7 to 1 |
| 3 | `#efe1c2` | `oklch(91.34% 0.0441 86.97)` | Cremini Mushroom | black, 16.2 to 1 |
| 4 | `#6b3d4c` | `oklch(42.13% 0.0675 0.32)` | Crushed Violets | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #eaf4f4 0.000% 25.000%, #6f9e9a 25.000% 50.000%, #efe1c2 50.000% 75.000%, #6b3d4c 75.000% 100.000%);
background: linear-gradient(180deg, oklch(96.06% 0.0110 196.87) 0.000% 25.000%, oklch(66.54% 0.0510 189.48) 25.000% 50.000%, oklch(91.34% 0.0441 86.97) 50.000% 75.000%, oklch(42.13% 0.0675 0.32) 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.011 | 196.9 |
| 2 | 0.665 | 0.051 | 189.5 |
| 3 | 0.913 | 0.044 | 87 |
| 4 | 0.421 | 0.068 | 0.3 |

## In these collections

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

## Other forms

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