# Wheat Forest Cottage Fan

These five angular wedges move from pale cream through wheat, warm wood brown, dark forest green, and soft sage. The ordered mix suggests linen, timber, shaded garden beds, and leafy herbs while keeping every color role distinct. Use them for cottagecore packaging, garden journals, handmade product labels, or cozy interior mood boards that need both pale paper tones and grounded natural accents.

- Also called: Beige, dark green and green angular swatches
- Seed: `kW7hw-6xo_UQavepi8hV58_Q`
- Page: https://grabient.com/kW7hw-6xo_UQavepi8hV58_Q?style=angularSwatches&steps=5
- Drawn as: angular swatches, 5 steps, 90 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 10.1 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 | `#f5e9ce` | `oklch(93.70% 0.0386 87.89)` | Yoghurt Brûlée | black, 17.4 to 1 |
| 2 | `#e3c896` | `oklch(84.25% 0.0717 82.61)` | Nomadic Travels | black, 12.9 to 1 |
| 3 | `#8b653e` | `oklch(53.54% 0.0730 65.70)` | Cambridge Leather | white, 5.2 to 1 |
| 4 | `#2d3828` | `oklch(32.68% 0.0317 136.50)` | Aimiru Brown | white, 12.2 to 1 |
| 5 | `#88a66e` | `oklch(68.90% 0.0854 131.22)` | Virtual Forest | black, 7.7 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #f5e9ce 0.000% 20.000%, #e3c896 20.000% 40.000%, #8b653e 40.000% 60.000%, #2d3828 60.000% 80.000%, #88a66e 80.000% 100.000%);
background: conic-gradient(from 90deg, oklch(93.70% 0.0386 87.89) 0.000% 20.000%, oklch(84.25% 0.0717 82.61) 20.000% 40.000%, oklch(53.54% 0.0730 65.70) 40.000% 60.000%, oklch(32.68% 0.0317 136.50) 60.000% 80.000%, oklch(68.90% 0.0854 131.22) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.039 | 87.9 |
| 2 | 0.843 | 0.072 | 82.6 |
| 3 | 0.535 | 0.073 | 65.7 |
| 4 | 0.327 | 0.032 | 136.5 |
| 5 | 0.689 | 0.085 | 131.2 |

## In these collections

- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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