# Bronze, dusty blue and sage alpine thaw

The Bronze, dusty blue and sage alpine thaw brings together orange, purple, blue, teal, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is green.

- Also called: Brown, dark purple and gray angular swatches
- Seed: `kYmEkytxu8ywNtG7GbbUJs8VkSu4`
- Page: https://grabient.com/kYmEkytxu8ywNtG7GbbUJs8VkSu4?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: dark center, multicolor
- Hues: complementary
- 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 | `#a57535` | `oklch(59.84% 0.1006 71.02)` | Gallant Gold | black, 5.1 to 1 |
| 2 | `#73422c` | `oklch(43.31% 0.0758 44.60)` | Bull Shot | white, 8.2 to 1 |
| 3 | `#3f3549` | `oklch(34.65% 0.0372 307.38)` | Royal Decree | white, 11.6 to 1 |
| 4 | `#296079` | `oklch(46.46% 0.0703 230.23)` | Berry Blue | white, 6.8 to 1 |
| 5 | `#4d989c` | `oklch(63.39% 0.0744 199.59)` | Aquatic Green | black, 6.2 to 1 |
| 6 | `#82a995` | `oklch(70.08% 0.0510 162.60)` | Catnip | black, 8 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #a57535 0.000% 16.667%, #73422c 16.667% 33.333%, #3f3549 33.333% 50.000%, #296079 50.000% 66.667%, #4d989c 66.667% 83.333%, #82a995 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(59.84% 0.1006 71.02) 0.000% 16.667%, oklch(43.31% 0.0758 44.60) 16.667% 33.333%, oklch(34.65% 0.0372 307.38) 33.333% 50.000%, oklch(46.46% 0.0703 230.23) 50.000% 66.667%, oklch(63.39% 0.0744 199.59) 66.667% 83.333%, oklch(70.08% 0.0510 162.60) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.101 | 71 |
| 2 | 0.433 | 0.076 | 44.6 |
| 3 | 0.346 | 0.037 | -52.6 |
| 4 | 0.465 | 0.07 | -129.8 |
| 5 | 0.634 | 0.074 | -160.4 |
| 6 | 0.701 | 0.051 | -197.4 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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