# Stone, terracotta and crimson color palette

The Stone, terracotta and crimson color palette brings together light gray, light orange, orange, gray, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits presentation backgrounds and section dividers. Its darkest tone is gray, and its lightest tone is light gray.

- Also called: Analogous gray, tan and red radial swatches
- Seed: `kY4AlD3Ia-F2WvvMGryMoO-ca9v8`
- Page: https://grabient.com/kY4AlD3Ia-F2WvvMGryMoO-ca9v8?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#dad8cf` | `oklch(88.19% 0.0124 94.92)` | Silent Smoke | black, 14.7 to 1 |
| 2 | `#ada69b` | `oklch(72.83% 0.0179 79.07)` | In the Hills | black, 8.7 to 1 |
| 3 | `#c3a37f` | `oklch(73.62% 0.0620 70.62)` | Almandine | black, 8.9 to 1 |
| 4 | `#a5715d` | `oklch(59.84% 0.0730 42.08)` | Chic Brick | black, 5.1 to 1 |
| 5 | `#4c4544` | `oklch(39.76% 0.0096 29.40)` | Black Garnet | white, 9.3 to 1 |
| 6 | `#c23f35` | `oklch(55.51% 0.1695 28.35)` | Chuckles | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dad8cf 0.000% 16.667%, #ada69b 16.667% 33.333%, #c3a37f 33.333% 50.000%, #a5715d 50.000% 66.667%, #4c4544 66.667% 83.333%, #c23f35 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.19% 0.0124 94.92) 0.000% 16.667%, oklch(72.83% 0.0179 79.07) 16.667% 33.333%, oklch(73.62% 0.0620 70.62) 33.333% 50.000%, oklch(59.84% 0.0730 42.08) 50.000% 66.667%, oklch(39.76% 0.0096 29.40) 66.667% 83.333%, oklch(55.51% 0.1695 28.35) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.012 | 94.9 |
| 2 | 0.728 | 0.018 | 79.1 |
| 3 | 0.736 | 0.062 | 70.6 |
| 4 | 0.598 | 0.073 | 42.1 |
| 5 | 0.398 | 0.01 | 29.4 |
| 6 | 0.555 | 0.169 | 28.3 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)
- [Presentation swatches](https://grabient.com/presentation-swatches)

## Other forms

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