# Meadow Biscuit Rings

Five bands move from pale cream through warm orange, olive, gold, and finish in pale cream. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. The palette supports homelike packaging, garden graphics, textiles, and quiet editorial layouts without losing its darker and lighter anchors.

- Also called: Analogous tan, green and beige radial swatches
- Seed: `kWzCAmYSVCUOXxbpqjw9Q4_g`
- Page: https://grabient.com/kWzCAmYSVCUOXxbpqjw9Q4_g?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4 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 | `#d6b8a5` | `oklch(80.31% 0.0441 53.44)` | Sedona Pink | black, 11.2 to 1 |
| 2 | `#d9a866` | `oklch(76.38% 0.1020 73.52)` | Ungor Beige | black, 9.7 to 1 |
| 3 | `#667248` | `oklch(53.15% 0.0648 122.13)` | Dill Pickle | white, 5.1 to 1 |
| 4 | `#e4c56a` | `oklch(83.07% 0.1157 90.42)` | Bountiful Gold | black, 12.4 to 1 |
| 5 | `#f0e4c9` | `oklch(92.13% 0.0386 87.25)` | Putting Bench | black, 16.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d6b8a5 0.000% 20.000%, #d9a866 20.000% 40.000%, #667248 40.000% 60.000%, #e4c56a 60.000% 80.000%, #f0e4c9 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(80.31% 0.0441 53.44) 0.000% 20.000%, oklch(76.38% 0.1020 73.52) 20.000% 40.000%, oklch(53.15% 0.0648 122.13) 40.000% 60.000%, oklch(83.07% 0.1157 90.42) 60.000% 80.000%, oklch(92.13% 0.0386 87.25) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.044 | 53.4 |
| 2 | 0.764 | 0.102 | 73.5 |
| 3 | 0.531 | 0.065 | 122.1 |
| 4 | 0.831 | 0.116 | 90.4 |
| 5 | 0.921 | 0.039 | 87.3 |

## In these collections

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

## Other forms

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