# Pale Green Burgundy Wedges

These three angular wedges move from pale green through muted ochre and finish in deep burgundy. The separated colors give backgrounds, headings, borders, and accents distinct roles while keeping the red-and-green relationship clear. Use them for seasonal graphics, packaging, invitations, or editorial layouts that need an earthy alternative to brighter red and green combinations.

- Also called: Light green, brown and black angular swatches
- Seed: `kS4Tpew6W5JcZOU`
- Page: https://grabient.com/kS4Tpew6W5JcZOU?style=angularSwatches&steps=3&angle=225
- Drawn as: angular swatches, 3 steps, 225 degrees
- Kinds: light to dark, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#c5e5af` | `oklch(88.58% 0.0799 132.89)` | Almost Aloe | black, 15.2 to 1 |
| 2 | `#8e6316` | `oklch(53.15% 0.1033 75.83)` | Kumera | white, 5.3 to 1 |
| 3 | `#290105` | `oklch(18.11% 0.0689 19.82)` | Sepia Black | white, 19 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #c5e5af 0.000% 33.333%, #8e6316 33.333% 66.667%, #290105 66.667% 100.000%);
background: conic-gradient(from 225deg, oklch(88.58% 0.0799 132.89) 0.000% 33.333%, oklch(53.15% 0.1033 75.83) 33.333% 66.667%, oklch(18.11% 0.0689 19.82) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.08 | 132.9 |
| 2 | 0.531 | 0.103 | 75.8 |
| 3 | 0.181 | 0.069 | 19.8 |

## In these collections

- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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