# Cream Forest Earth Fan

These five angular wedges move from pale cream through warm sand, walnut brown, deep forest green, and muted sage. The separated wood, soil, and foliage colors give the fan a grounded natural character with a useful light neutral. Use them for sustainable packaging, landscape graphics, craft branding, or editorial systems that need clear earthy roles.

- Also called: Analogous beige, black and green angular swatches
- Seed: `kW7B4_ZBs-roVvSjC810hq9o`
- Page: https://grabient.com/kW7B4_ZBs-roVvSjC810hq9o?style=angularSwatches&steps=5
- Drawn as: angular swatches, 5 steps, 90 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#f3e7c9` | `oklch(92.91% 0.0413 88.59)` | Rice Wine | black, 17 to 1 |
| 2 | `#d4b483` | `oklch(78.74% 0.0744 78.03)` | Cashmere Wrap | black, 10.6 to 1 |
| 3 | `#714e37` | `oklch(45.67% 0.0593 54.78)` | Coffee | white, 7.3 to 1 |
| 4 | `#172d25` | `oklch(27.56% 0.0317 168.91)` | Guerrilla Forest | white, 14.6 to 1 |
| 5 | `#6e9b76` | `oklch(64.57% 0.0730 149.89)` | Oxley | black, 6.5 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #f3e7c9 0.000% 20.000%, #d4b483 20.000% 40.000%, #714e37 40.000% 60.000%, #172d25 60.000% 80.000%, #6e9b76 80.000% 100.000%);
background: conic-gradient(from 90deg, oklch(92.91% 0.0413 88.59) 0.000% 20.000%, oklch(78.74% 0.0744 78.03) 20.000% 40.000%, oklch(45.67% 0.0593 54.78) 40.000% 60.000%, oklch(27.56% 0.0317 168.91) 60.000% 80.000%, oklch(64.57% 0.0730 149.89) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.041 | 88.6 |
| 2 | 0.787 | 0.074 | 78 |
| 3 | 0.457 | 0.059 | 54.8 |
| 4 | 0.276 | 0.032 | 168.9 |
| 5 | 0.646 | 0.073 | 149.9 |

## In these collections

- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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