# Forest Green Antique Gold Leaf Green

These angular swatch wedges move through forest green, antique gold, leaf green, bright gold, and deep forest green in its saved order. The complete composition keeps the lighter and darker areas distinct while preserving a balanced route through the named palette.

- Also called: Analogous dark green and mustard angular swatches
- Seed: `kWazxvYbK4VkfxnsNTlKBJIg`
- Page: https://grabient.com/kWazxvYbK4VkfxnsNTlKBJIg?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.9 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 | `#1f5b3a` | `oklch(42.13% 0.0827 156.09)` | Greenbriar | white, 8 to 1 |
| 2 | `#d4b037` | `oklch(76.77% 0.1392 91.63)` | Metallic Gold | black, 10 to 1 |
| 3 | `#7bae7f` | `oklch(70.08% 0.0868 146.58)` | Summer Garden | black, 8.1 to 1 |
| 4 | `#f2c94d` | `oklch(85.04% 0.1461 90.58)` | Solar Plexus Chakra | black, 13.2 to 1 |
| 5 | `#16392a` | `oklch(31.50% 0.0496 163.49)` | Deep Fir | white, 12.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #1f5b3a 0.000% 20.000%, #d4b037 20.000% 40.000%, #7bae7f 40.000% 60.000%, #f2c94d 60.000% 80.000%, #16392a 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(42.13% 0.0827 156.09) 0.000% 20.000%, oklch(76.77% 0.1392 91.63) 20.000% 40.000%, oklch(70.08% 0.0868 146.58) 40.000% 60.000%, oklch(85.04% 0.1461 90.58) 60.000% 80.000%, oklch(31.50% 0.0496 163.49) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.083 | 156.1 |
| 2 | 0.768 | 0.139 | 91.6 |
| 3 | 0.701 | 0.087 | 146.6 |
| 4 | 0.85 | 0.146 | 90.6 |
| 5 | 0.315 | 0.05 | 163.5 |

## In these collections

- [Green and gold swatches](https://grabient.com/green-and-gold-swatches)

## Other forms

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