# Champagne, forest green and burgundy practical magic

The Champagne, forest green and burgundy practical magic brings together pale orange, yellow, green, dark green, dark orange, and red. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Beige, green, black and brown angular swatches
- Seed: `kY5x1AW5fBr0fQ2hEkEFYs4y2bOM`
- Page: https://grabient.com/kY5x1AW5fBr0fQ2hEkEFYs4y2bOM?style=angularSwatches&steps=6&angle=240
- Drawn as: angular swatches, 6 steps, 240 degrees
- Kinds: dark center, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.6 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 | `#ebe1c4` | `oklch(90.94% 0.0400 90.00)` | Sailcloth | black, 16 to 1 |
| 2 | `#aba778` | `oklch(72.05% 0.0648 104.79)` | Olive Tree | black, 8.5 to 1 |
| 3 | `#496835` | `oklch(48.03% 0.0854 134.38)` | Dell | white, 6.3 to 1 |
| 4 | `#142a14` | `oklch(25.98% 0.0496 143.89)` | Nori Green | white, 15.3 to 1 |
| 5 | `#150e02` | `oklch(16.93% 0.0303 83.66)` | Balsamico | white, 19.1 to 1 |
| 6 | `#5e2b29` | `oklch(35.83% 0.0744 23.42)` | Christmas Brown | white, 11.3 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #ebe1c4 0.000% 16.667%, #aba778 16.667% 33.333%, #496835 33.333% 50.000%, #142a14 50.000% 66.667%, #150e02 66.667% 83.333%, #5e2b29 83.333% 100.000%);
background: conic-gradient(from 240deg, oklch(90.94% 0.0400 90.00) 0.000% 16.667%, oklch(72.05% 0.0648 104.79) 16.667% 33.333%, oklch(48.03% 0.0854 134.38) 33.333% 50.000%, oklch(25.98% 0.0496 143.89) 50.000% 66.667%, oklch(16.93% 0.0303 83.66) 66.667% 83.333%, oklch(35.83% 0.0744 23.42) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.04 | 90 |
| 2 | 0.72 | 0.065 | 104.8 |
| 3 | 0.48 | 0.085 | 134.4 |
| 4 | 0.26 | 0.05 | 143.9 |
| 5 | 0.169 | 0.03 | 83.7 |
| 6 | 0.358 | 0.074 | 23.4 |

## In these collections

- [Practical Magic swatches](https://grabient.com/practical-magic-swatches)

## Other forms

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