# Deep teal, gray and wine winter palette

The Deep teal, gray and wine winter palette brings together dark green, green, light gray, red, and dark red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is dark green, and its lightest tone is light gray.

- Also called: Black, gray and maroon angular swatches
- Seed: `kYPhZ7LxG_MIPPheCD2ty-yKUdPu`
- Page: https://grabient.com/kYPhZ7LxG_MIPPheCD2ty-yKUdPu?style=angularSwatches&steps=6&angle=225
- Drawn as: angular swatches, 6 steps, 225 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 7 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 | `#0f251f` | `oklch(24.41% 0.0303 172.97)` | Deep Slate Green | white, 16 to 1 |
| 2 | `#24483a` | `oklch(37.01% 0.0482 166.63)` | Wine Bottle Green | white, 10.1 to 1 |
| 3 | `#58705d` | `oklch(51.97% 0.0413 150.78)` | Army Canvas | white, 5.4 to 1 |
| 4 | `#a6aea0` | `oklch(74.02% 0.0220 131.76)` | Moonwort | black, 9.1 to 1 |
| 5 | `#8a2938` | `oklch(43.31% 0.1309 15.51)` | Thrill Ride | white, 8.5 to 1 |
| 6 | `#4b1725` | `oklch(29.13% 0.0799 7.06)` | Vino Tinto | white, 14.5 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #0f251f 0.000% 16.667%, #24483a 16.667% 33.333%, #58705d 33.333% 50.000%, #a6aea0 50.000% 66.667%, #8a2938 66.667% 83.333%, #4b1725 83.333% 100.000%);
background: conic-gradient(from 225deg, oklch(24.41% 0.0303 172.97) 0.000% 16.667%, oklch(37.01% 0.0482 166.63) 16.667% 33.333%, oklch(51.97% 0.0413 150.78) 33.333% 50.000%, oklch(74.02% 0.0220 131.76) 50.000% 66.667%, oklch(43.31% 0.1309 15.51) 66.667% 83.333%, oklch(29.13% 0.0799 7.06) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.03 | 173 |
| 2 | 0.37 | 0.048 | 166.6 |
| 3 | 0.52 | 0.041 | 150.8 |
| 4 | 0.74 | 0.022 | 131.8 |
| 5 | 0.433 | 0.131 | 15.5 |
| 6 | 0.291 | 0.08 | 7.1 |

## In these collections

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

## Other forms

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