# Muted rainbow from beige to brown radial swatches

Muted rainbow from beige to brown radial swatches with 24 colors: #e4d6b2, #e7dab7, #ede1c1, #f3e8ca, #f6edd1, #f4ebd1, #ebe1c7, #d6cab0, #baac90, #9d8b6d, #836b4f, #705239, #664233, #5e3939, #563645, #4c3951, #42405a, #384961, #2d5565, #296664, #417859, #6d8447, #988939, #b78a3b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3yQ-9Q1ALeUO4zkSyVCgrw`
- Page: https://grabient.com/kW3yQ-9Q1ALeUO4zkSyVCgrw?style=radialSwatches&steps=24&angle=0
- Drawn as: radial swatches, 24 steps, 0 degrees
- Kinds: dark center, muted, warm, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.9 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 | `#e4d6b2` | `oklch(87.80% 0.0496 87.89)` | Russeau Gold | black, 14.5 to 1 |
| 2 | `#e7dab7` | `oklch(88.95% 0.0476 88.62)` | Lemon Balm | black, 15 to 1 |
| 3 | `#ede1c1` | `oklch(91.06% 0.0445 90.01)` | New Cream | black, 16.1 to 1 |
| 4 | `#f3e8ca` | `oklch(93.23% 0.0411 91.41)` | Sphere | black, 17.2 to 1 |
| 5 | `#f6edd1` | `oklch(94.55% 0.0380 92.17)` | Mayonnaise | black, 17.9 to 1 |
| 6 | `#f4ebd1` | `oklch(94.13% 0.0361 91.64)` | Crisp Candlelight | black, 17.7 to 1 |
| 7 | `#ebe1c7` | `oklch(91.03% 0.0360 89.29)` | Pearl Lusta | black, 16 to 1 |
| 8 | `#d6cab0` | `oklch(84.27% 0.0383 86.91)` | Wood Ash | black, 12.9 to 1 |
| 9 | `#baac90` | `oklch(74.89% 0.0423 84.28)` | Prairie Dust | black, 9.3 to 1 |
| 10 | `#9d8b6d` | `oklch(64.43% 0.0469 79.99)` | Nut | black, 6.3 to 1 |
| 11 | `#836b4f` | `oklch(54.43% 0.0512 72.69)` | Ermine | white, 5 to 1 |
| 12 | `#705239` | `oklch(46.45% 0.0543 60.97)` | Mud | white, 7 to 1 |
| 13 | `#664233` | `oklch(41.69% 0.0552 43.39)` | Roasted Coffee | white, 8.7 to 1 |
| 14 | `#5e3939` | `oklch(38.93% 0.0531 19.48)` | Pa Red | white, 9.8 to 1 |
| 15 | `#563645` | `oklch(37.65% 0.0496 350.95)` | Ritual Experience | white, 10.4 to 1 |
| 16 | `#4c3951` | `oklch(37.59% 0.0462 319.68)` | Prince | white, 10.4 to 1 |
| 17 | `#42405a` | `oklch(38.49% 0.0444 287.60)` | Majestic Blue | white, 9.9 to 1 |
| 18 | `#384961` | `oklch(40.08% 0.0458 256.58)` | Evening Glory | white, 9.1 to 1 |
| 19 | `#2d5565` | `oklch(42.66% 0.0521 226.08)` | Marea Baja | white, 8 to 1 |
| 20 | `#296664` | `oklch(47.05% 0.0629 192.43)` | Dusky Alpine Blue | white, 6.5 to 1 |
| 21 | `#417859` | `oklch(52.45% 0.0763 158.11)` | Liquid Green Stuff | white, 5.2 to 1 |
| 22 | `#6d8447` | `oklch(58.00% 0.0901 125.93)` | Happy Camper | black, 5 to 1 |
| 23 | `#988939` | `oklch(62.85% 0.1021 98.66)` | Sedge Grasses | black, 6 to 1 |
| 24 | `#b78a3b` | `oklch(66.14% 0.1102 79.08)` | Tinsel | black, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e4d6b2 0.000% 4.167%, #e7dab7 4.167% 8.333%, #ede1c1 8.333% 12.500%, #f3e8ca 12.500% 16.667%, #f6edd1 16.667% 20.833%, #f4ebd1 20.833% 25.000%, #ebe1c7 25.000% 29.167%, #d6cab0 29.167% 33.333%, #baac90 33.333% 37.500%, #9d8b6d 37.500% 41.667%, #836b4f 41.667% 45.833%, #705239 45.833% 50.000%, #664233 50.000% 54.167%, #5e3939 54.167% 58.333%, #563645 58.333% 62.500%, #4c3951 62.500% 66.667%, #42405a 66.667% 70.833%, #384961 70.833% 75.000%, #2d5565 75.000% 79.167%, #296664 79.167% 83.333%, #417859 83.333% 87.500%, #6d8447 87.500% 91.667%, #988939 91.667% 95.833%, #b78a3b 95.833% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.80% 0.0496 87.89) 0.000% 4.167%, oklch(88.95% 0.0476 88.62) 4.167% 8.333%, oklch(91.06% 0.0445 90.01) 8.333% 12.500%, oklch(93.23% 0.0411 91.41) 12.500% 16.667%, oklch(94.55% 0.0380 92.17) 16.667% 20.833%, oklch(94.13% 0.0361 91.64) 20.833% 25.000%, oklch(91.03% 0.0360 89.29) 25.000% 29.167%, oklch(84.27% 0.0383 86.91) 29.167% 33.333%, oklch(74.89% 0.0423 84.28) 33.333% 37.500%, oklch(64.43% 0.0469 79.99) 37.500% 41.667%, oklch(54.43% 0.0512 72.69) 41.667% 45.833%, oklch(46.45% 0.0543 60.97) 45.833% 50.000%, oklch(41.69% 0.0552 43.39) 50.000% 54.167%, oklch(38.93% 0.0531 19.48) 54.167% 58.333%, oklch(37.65% 0.0496 350.95) 58.333% 62.500%, oklch(37.59% 0.0462 319.68) 62.500% 66.667%, oklch(38.49% 0.0444 287.60) 66.667% 70.833%, oklch(40.08% 0.0458 256.58) 70.833% 75.000%, oklch(42.66% 0.0521 226.08) 75.000% 79.167%, oklch(47.05% 0.0629 192.43) 79.167% 83.333%, oklch(52.45% 0.0763 158.11) 83.333% 87.500%, oklch(58.00% 0.0901 125.93) 87.500% 91.667%, oklch(62.85% 0.1021 98.66) 91.667% 95.833%, oklch(66.14% 0.1102 79.08) 95.833% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.05 | 87.9 |
| 2 | 0.921 | 0.036 | 90 |
| 3 | 0.437 | 0.055 | 53 |
| 4 | 0.406 | 0.047 | -110.8 |
| 5 | 0.661 | 0.11 | -280.9 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

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