# Warm brown radial swatches

Warm brown radial swatches with 7 colors: #6d4106, #887332, #908751, #806640, #612f11, #401300, #31210e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaakEvR6BC86bQPDFz0rp48qCePyhjsNA`
- Page: https://grabient.com/kaakEvR6BC86bQPDFz0rp48qCePyhjsNA?style=radialSwatches&angle=180
- Drawn as: radial swatches, 7 steps, 180 degrees
- Kinds: light center, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#6d4106` | `oklch(41.73% 0.0896 66.09)` | Bloodtracker Brown | white, 8.7 to 1 |
| 2 | `#887332` | `oklch(56.30% 0.0882 91.46)` | Jumping Juniper | white, 4.5 to 1 |
| 3 | `#908751` | `oklch(61.81% 0.0744 99.91)` | Trough Shell Brown | black, 5.7 to 1 |
| 4 | `#806640` | `oklch(52.76% 0.0634 76.66)` | Seasoned Acorn | white, 5.3 to 1 |
| 5 | `#612f11` | `oklch(36.61% 0.0827 49.19)` | Count Chocula | white, 10.9 to 1 |
| 6 | `#401300` | `oklch(25.60% 0.0765 42.50)` | Black Chocolate | white, 16 to 1 |
| 7 | `#31210e` | `oklch(26.38% 0.0400 71.38)` | Coffee Grounds | white, 15.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6d4106 0.000% 14.286%, #887332 14.286% 28.571%, #908751 28.571% 42.857%, #806640 42.857% 57.143%, #612f11 57.143% 71.429%, #401300 71.429% 85.714%, #31210e 85.714% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(41.73% 0.0896 66.09) 0.000% 14.286%, oklch(56.30% 0.0882 91.46) 14.286% 28.571%, oklch(61.81% 0.0744 99.91) 28.571% 42.857%, oklch(52.76% 0.0634 76.66) 42.857% 57.143%, oklch(36.61% 0.0827 49.19) 57.143% 71.429%, oklch(25.60% 0.0765 42.50) 71.429% 85.714%, oklch(26.38% 0.0400 71.38) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.09 | 66.1 |
| 2 | 0.563 | 0.088 | 91.5 |
| 3 | 0.618 | 0.074 | 99.9 |
| 4 | 0.528 | 0.063 | 76.7 |
| 5 | 0.366 | 0.083 | 49.2 |
| 6 | 0.256 | 0.083 | 42.8 |
| 7 | 0.264 | 0.04 | 71.4 |

## In these collections

- [Wood color palette](https://grabient.com/wood-color-palette)
- [Fall porch colors](https://grabient.com/fall-porch-colors)
- [Pumpkin spice color palette](https://grabient.com/pumpkin-spice-color-palette)

## Other forms

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