# Cream cranberry and moss bog rings

Warm cream and tan descend through burgundy into cranberry red, then turn through ochre and moss green before settling into muddy brown. Thirty-two concentric swatches organize this cranberry bog palette around a pale center, rich fruit colors and an earthy outer edge. The muted greens connect the berry tones to their autumn wetland setting.

- Also called: Beige, maroon, olive and brown radial swatches
- Seed: `kW0yI6ryg3LgwQDDG0zuhA4I`
- Page: https://grabient.com/kW0yI6ryg3LgwQDDG0zuhA4I?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7 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 | `#d7c5a6` | `oklch(83.07% 0.0469 82.27)` | Almond Butter | black, 12.4 to 1 |
| 2 | `#ceb796` | `oklch(79.00% 0.0522 75.79)` | Real Simple | black, 10.8 to 1 |
| 3 | `#c2a180` | `oklch(73.14% 0.0597 66.55)` | Milano | black, 8.7 to 1 |
| 4 | `#b4886a` | `oklch(66.15% 0.0687 55.52)` | Mangy Moose | black, 6.6 to 1 |
| 5 | `#a46d56` | `oklch(58.65% 0.0784 43.65)` | Earth Tone | black, 4.8 to 1 |
| 6 | `#935346` | `oklch(51.30% 0.0882 31.93)` | Prairie Clay | white, 5.9 to 1 |
| 7 | `#823c3c` | `oklch(44.72% 0.0975 21.31)` | Zangief’s Chest | white, 7.9 to 1 |
| 8 | `#742936` | `oklch(39.56% 0.1055 12.76)` | Merlot Fields | white, 9.9 to 1 |
| 9 | `#6b1d34` | `oklch(36.43% 0.1116 7.16)` | Squid Hat | white, 11.3 to 1 |
| 10 | `#681635` | `oklch(35.12% 0.1170 3.14)` | Her Fierceness | white, 11.9 to 1 |
| 11 | `#691338` | `oklch(35.13% 0.1220 0.12)` | Her Fierceness | white, 11.9 to 1 |
| 12 | `#6d143d` | `oklch(36.14% 0.1265 358.30)` | Her Fierceness | white, 11.5 to 1 |
| 13 | `#731842` | `oklch(37.81% 0.1301 357.88)` | Her Fierceness | white, 10.8 to 1 |
| 14 | `#7b1d45` | `oklch(39.82% 0.1325 359.07)` | Caviar Couture | white, 9.9 to 1 |
| 15 | `#832347` | `oklch(41.82% 0.1337 2.06)` | Burgundy Orchid | white, 9.1 to 1 |
| 16 | `#8a2844` | `oklch(43.49% 0.1332 7.08)` | Anemone | white, 8.5 to 1 |
| 17 | `#8e2d3d` | `oklch(44.64% 0.1308 14.80)` | Rumba Red | white, 8.1 to 1 |
| 18 | `#91352e` | `oklch(45.91% 0.1257 27.54)` | Thunderbird | white, 7.6 to 1 |
| 19 | `#90411a` | `oklch(47.33% 0.1186 44.06)` | Chocolate Covered | white, 7 to 1 |
| 20 | `#8b4f04` | `oklch(48.78% 0.1100 62.53)` | Plain Old Brown | white, 6.5 to 1 |
| 21 | `#815d08` | `oklch(50.16% 0.1008 81.12)` | Soil of Avagddu | white, 6 to 1 |
| 22 | `#75671f` | `oklch(51.35% 0.0916 98.00)` | Brazen Brass | white, 5.6 to 1 |
| 23 | `#6b6e32` | `oklch(52.24% 0.0831 111.36)` | Safari Green | white, 5.3 to 1 |
| 24 | `#66713d` | `oklch(52.71% 0.0759 119.36)` | Cedar Green | white, 5.2 to 1 |
| 25 | `#657142` | `oklch(52.66% 0.0703 120.62)` | Grass Blade | white, 5.2 to 1 |
| 26 | `#676e42` | `oklch(52.08% 0.0651 116.09)` | Gulf Weed | white, 5.4 to 1 |
| 27 | `#6a693f` | `oklch(51.12% 0.0604 107.35)` | Mayfly | white, 5.6 to 1 |
| 28 | `#6c633d` | `oklch(49.91% 0.0561 95.95)` | Bronze Medal | white, 6 to 1 |
| 29 | `#6e5d3c` | `oklch(48.62% 0.0524 83.44)` | Uniform Brown | white, 6.3 to 1 |
| 30 | `#6d573d` | `oklch(47.38% 0.0491 71.38)` | Caraway Brown | white, 6.7 to 1 |
| 31 | `#6c533e` | `oklch(46.35% 0.0463 61.31)` | Rookwood Medium Brown | white, 7.1 to 1 |
| 32 | `#6b5140` | `oklch(45.67% 0.0441 54.79)` | Buckingham Palace | white, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d7c5a6 0.000% 3.125%, #ceb796 3.125% 6.250%, #c2a180 6.250% 9.375%, #b4886a 9.375% 12.500%, #a46d56 12.500% 15.625%, #935346 15.625% 18.750%, #823c3c 18.750% 21.875%, #742936 21.875% 25.000%, #6b1d34 25.000% 28.125%, #681635 28.125% 31.250%, #691338 31.250% 34.375%, #6d143d 34.375% 37.500%, #731842 37.500% 40.625%, #7b1d45 40.625% 43.750%, #832347 43.750% 46.875%, #8a2844 46.875% 50.000%, #8e2d3d 50.000% 53.125%, #91352e 53.125% 56.250%, #90411a 56.250% 59.375%, #8b4f04 59.375% 62.500%, #815d08 62.500% 65.625%, #75671f 65.625% 68.750%, #6b6e32 68.750% 71.875%, #66713d 71.875% 75.000%, #657142 75.000% 78.125%, #676e42 78.125% 81.250%, #6a693f 81.250% 84.375%, #6c633d 84.375% 87.500%, #6e5d3c 87.500% 90.625%, #6d573d 90.625% 93.750%, #6c533e 93.750% 96.875%, #6b5140 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(83.07% 0.0469 82.27) 0.000% 3.125%, oklch(79.00% 0.0522 75.79) 3.125% 6.250%, oklch(73.14% 0.0597 66.55) 6.250% 9.375%, oklch(66.15% 0.0687 55.52) 9.375% 12.500%, oklch(58.65% 0.0784 43.65) 12.500% 15.625%, oklch(51.30% 0.0882 31.93) 15.625% 18.750%, oklch(44.72% 0.0975 21.31) 18.750% 21.875%, oklch(39.56% 0.1055 12.76) 21.875% 25.000%, oklch(36.43% 0.1116 7.16) 25.000% 28.125%, oklch(35.12% 0.1170 3.14) 28.125% 31.250%, oklch(35.13% 0.1220 0.12) 31.250% 34.375%, oklch(36.14% 0.1265 358.30) 34.375% 37.500%, oklch(37.81% 0.1301 357.88) 37.500% 40.625%, oklch(39.82% 0.1325 359.07) 40.625% 43.750%, oklch(41.82% 0.1337 2.06) 43.750% 46.875%, oklch(43.49% 0.1332 7.08) 46.875% 50.000%, oklch(44.64% 0.1308 14.80) 50.000% 53.125%, oklch(45.91% 0.1257 27.54) 53.125% 56.250%, oklch(47.33% 0.1186 44.06) 56.250% 59.375%, oklch(48.78% 0.1100 62.53) 59.375% 62.500%, oklch(50.16% 0.1008 81.12) 62.500% 65.625%, oklch(51.35% 0.0916 98.00) 65.625% 68.750%, oklch(52.24% 0.0831 111.36) 68.750% 71.875%, oklch(52.71% 0.0759 119.36) 71.875% 75.000%, oklch(52.66% 0.0703 120.62) 75.000% 78.125%, oklch(52.08% 0.0651 116.09) 78.125% 81.250%, oklch(51.12% 0.0604 107.35) 81.250% 84.375%, oklch(49.91% 0.0561 95.95) 84.375% 87.500%, oklch(48.62% 0.0524 83.44) 87.500% 90.625%, oklch(47.38% 0.0491 71.38) 90.625% 93.750%, oklch(46.35% 0.0463 61.31) 93.750% 96.875%, oklch(45.67% 0.0441 54.79) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.047 | 82.3 |
| 2 | 0.37 | 0.11 | 8.3 |
| 3 | 0.441 | 0.132 | 10.4 |
| 4 | 0.528 | 0.074 | 120.3 |
| 5 | 0.457 | 0.044 | 54.8 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)

## Other forms

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