# Ochre Rose Cottage Fan

These four angular wedges move from warm ochre through soft linen gray, dusty rose, and leafy green. The compact arrangement combines aged wood, faded fabric, garden flowers, and foliage without becoming overly sweet. Use them for cottagecore stationery, craft branding, floral invitations, or rustic social graphics that need a warm accent, a quiet neutral, and two natural supporting colors.

- Also called: Brown, gray, mauve and green angular swatches
- Seed: `kUlEosbgZCdEduZBGMzg`
- Page: https://grabient.com/kUlEosbgZCdEduZBGMzg?style=angularSwatches&steps=4&angle=300
- Drawn as: angular swatches, 4 steps, 300 degrees
- Kinds: light center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#a66c35` | `oklch(58.27% 0.1020 61.88)` | Eagle | black, 4.8 to 1 |
| 2 | `#d8d2c7` | `oklch(86.61% 0.0165 83.01)` | Winter in New York | black, 13.9 to 1 |
| 3 | `#b8796f` | `oklch(63.78% 0.0813 29.12)` | Heirloom | black, 5.9 to 1 |
| 4 | `#52704a` | `oklch(51.18% 0.0675 139.02)` | Climbing Ivy | white, 5.5 to 1 |

## CSS

```css
background: conic-gradient(from 300deg, #a66c35 0.000% 25.000%, #d8d2c7 25.000% 50.000%, #b8796f 50.000% 75.000%, #52704a 75.000% 100.000%);
background: conic-gradient(from 300deg, oklch(58.27% 0.1020 61.88) 0.000% 25.000%, oklch(86.61% 0.0165 83.01) 25.000% 50.000%, oklch(63.78% 0.0813 29.12) 50.000% 75.000%, oklch(51.18% 0.0675 139.02) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.102 | 61.9 |
| 2 | 0.866 | 0.017 | 83 |
| 3 | 0.638 | 0.081 | 29.1 |
| 4 | 0.512 | 0.068 | 139 |

## In these collections

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

## Other forms

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