# Rose Cottage Garden

The Orange, coral and sage color palette brings together off-white, light red, red, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Tritone light pink, pink and green radial swatches
- Seed: `kW9g4nbpO8eAlvdOMD-whpPg`
- Page: https://grabient.com/kW9g4nbpO8eAlvdOMD-whpPg?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#fff2e9` | `oklch(96.85% 0.0182 54.87)` | Pico Ivory | black, 19.1 to 1 |
| 2 | `#f6c7c2` | `oklch(87.01% 0.0537 25.25)` | Seashell Pink | black, 13.9 to 1 |
| 3 | `#e894a4` | `oklch(75.59% 0.1033 7.29)` | Peony | black, 9.1 to 1 |
| 4 | `#c45f79` | `oklch(61.42% 0.1323 5.18)` | Cherry Pink | black, 5.2 to 1 |
| 5 | `#557349` | `oklch(51.97% 0.0717 137.27)` | Irish Clover | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff2e9 0.000% 20.000%, #f6c7c2 20.000% 40.000%, #e894a4 40.000% 60.000%, #c45f79 60.000% 80.000%, #557349 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.85% 0.0182 54.87) 0.000% 20.000%, oklch(87.01% 0.0537 25.25) 20.000% 40.000%, oklch(75.59% 0.1033 7.29) 40.000% 60.000%, oklch(61.42% 0.1323 5.18) 60.000% 80.000%, oklch(51.97% 0.0717 137.27) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.019 | 54.8 |
| 2 | 0.87 | 0.054 | 25.3 |
| 3 | 0.756 | 0.103 | 7.3 |
| 4 | 0.614 | 0.132 | 5.2 |
| 5 | 0.52 | 0.072 | 137.3 |

## In these collections

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

## Other forms

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