# Moss Snow Christmas Wedges

These four fan-shaped wedges move through bright green, moss, pale yellow-green, and near-black green. The strong light-dark separation creates useful areas for type, icons, and simple holiday illustrations. Use them for Christmas posters, botanical gift wrap, seasonal packaging, or bold digital graphics that draw on evergreen foliage and pale winter light.

- Also called: Green, light green and black angular swatches
- Seed: `kUhHhlOSw-_EhvqNi0Lg`
- Page: https://grabient.com/kUhHhlOSw-_EhvqNi0Lg?style=angularSwatches&steps=4&angle=240
- Drawn as: angular swatches, 4 steps, 240 degrees
- Kinds: light center, vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 15 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 | `#1a7f12` | `oklch(51.97% 0.1654 142.03)` | Poblano | white, 5.1 to 1 |
| 2 | `#37620b` | `oklch(44.88% 0.1213 133.58)` | Rainforest Matcha | white, 7.1 to 1 |
| 3 | `#cfe5a1` | `oklch(88.98% 0.0923 123.01)` | Apple Bob | black, 15.4 to 1 |
| 4 | `#000601` | `oklch(10.63% 0.0303 148.37)` | Melanous | white, 20.4 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #1a7f12 0.000% 25.000%, #37620b 25.000% 50.000%, #cfe5a1 50.000% 75.000%, #000601 75.000% 100.000%);
background: conic-gradient(from 240deg, oklch(51.97% 0.1654 142.03) 0.000% 25.000%, oklch(44.88% 0.1213 133.58) 25.000% 50.000%, oklch(88.98% 0.0923 123.01) 50.000% 75.000%, oklch(10.63% 0.0303 148.37) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.165 | 142 |
| 2 | 0.449 | 0.121 | 133.6 |
| 3 | 0.89 | 0.092 | 123 |
| 4 | 0.106 | 0.03 | 148.4 |

## In these collections

- [Christmas swatches](https://grabient.com/christmas-swatches)

## Other forms

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