# Stone, dusty blue and bronze color palette

The Stone, dusty blue and bronze color palette brings together light gray, blue, red, and orange. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light gray.

- Also called: Gray, blue and brown linear swatches
- Seed: `kY1gtB34fSUmYQe1lMFMopJ8KZx4`
- Page: https://grabient.com/kY1gtB34fSUmYQe1lMFMopJ8KZx4?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.8 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 | `#cfcbc0` | `oklch(84.25% 0.0152 92.11)` | Grey Pebble | black, 12.9 to 1 |
| 2 | `#a5b0bb` | `oklch(75.20% 0.0207 247.45)` | Berry Chalk | black, 9.5 to 1 |
| 3 | `#667aa2` | `oklch(57.87% 0.0661 264.36)` | Miracle Elixir | black, 4.8 to 1 |
| 4 | `#454b6c` | `oklch(42.13% 0.0565 275.98)` | Royal Hyacinth | white, 8.5 to 1 |
| 5 | `#544146` | `oklch(39.76% 0.0276 0.52)` | Beauport Aubergine | white, 9.4 to 1 |
| 6 | `#86613d` | `oklch(52.36% 0.0703 64.99)` | Spice Bazaar | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #cfcbc0 0.000% 16.667%, #a5b0bb 16.667% 33.333%, #667aa2 33.333% 50.000%, #454b6c 50.000% 66.667%, #544146 66.667% 83.333%, #86613d 83.333% 100.000%);
background: linear-gradient(90deg, oklch(84.25% 0.0152 92.11) 0.000% 16.667%, oklch(75.20% 0.0207 247.45) 16.667% 33.333%, oklch(57.87% 0.0661 264.36) 33.333% 50.000%, oklch(42.13% 0.0565 275.98) 50.000% 66.667%, oklch(39.76% 0.0276 0.52) 66.667% 83.333%, oklch(52.36% 0.0703 64.99) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.015 | 92.1 |
| 2 | 0.752 | 0.021 | 247.5 |
| 3 | 0.579 | 0.066 | 264.4 |
| 4 | 0.421 | 0.056 | 276 |
| 5 | 0.398 | 0.028 | 360.5 |
| 6 | 0.524 | 0.07 | 425 |

## In these collections

- [Champagne silk reception](https://grabient.com/champagne-silk-reception)
- [Luxury swatches](https://grabient.com/luxury-swatches)

## Other forms

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