# Bronze, stone and turquoise color palette

The Bronze, stone and turquoise color palette brings together orange, light orange, light green, teal, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is orange, and its lightest tone is light green.

- Also called: Complementary brown, gray and blue linear gradient
- Seed: `kYaEQe0aNBOaTwrokcrWJ3Dz-Uw0`
- Page: https://grabient.com/kYaEQe0aNBOaTwrokcrWJ3Dz-Uw0?steps=21&angle=315
- Drawn as: linear gradient, 21 steps, 315 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#73361c` | `oklch(40.94% 0.0937 42.89)` | Rosewood Brown | white, 9.2 to 1 |
| 2 | `#814326` | `oklch(45.28% 0.0953 44.49)` | Cacao Nibs | white, 7.6 to 1 |
| 3 | `#955433` | `oklch(51.53% 0.0977 46.72)` | Chelsea Gem | white, 5.8 to 1 |
| 4 | `#aa6943` | `oklch(58.29% 0.0989 49.68)` | Auric Copper | black, 4.7 to 1 |
| 5 | `#bb7c53` | `oklch(64.17% 0.0965 53.46)` | Cattle Drive | black, 6.1 to 1 |
| 6 | `#c68e65` | `oklch(69.13% 0.0881 56.77)` | Butterum | black, 7.4 to 1 |
| 7 | `#ce9f7a` | `oklch(73.79% 0.0756 60.00)` | Fresh Croissant | black, 8.8 to 1 |
| 8 | `#d3af8d` | `oklch(77.78% 0.0629 65.77)` | Butterscotch Amber | black, 10.3 to 1 |
| 9 | `#d4bc9a` | `oklch(80.71% 0.0537 76.71)` | Pony Tail | black, 11.4 to 1 |
| 10 | `#cfc6a3` | `oklch(82.49% 0.0488 96.25)` | Sand Trail | black, 12.2 to 1 |
| 11 | `#c3cead` | `oklch(83.32% 0.0462 122.08)` | Bamboo White | black, 12.7 to 1 |
| 12 | `#b5d1b8` | `oklch(83.24% 0.0460 148.21)` | Lime Taffy | black, 12.7 to 1 |
| 13 | `#a7d0bf` | `oklch(82.28% 0.0482 168.64)` | Swimming Pool Green | black, 12.3 to 1 |
| 14 | `#98cbc1` | `oklch(80.30% 0.0551 181.09)` | Jamaica Bay | black, 11.6 to 1 |
| 15 | `#83c3be` | `oklch(77.31% 0.0660 188.99)` | Undine | black, 10.5 to 1 |
| 16 | `#6cb9b8` | `oklch(73.67% 0.0762 194.90)` | Fresh Soft Blue | black, 9.2 to 1 |
| 17 | `#5aadb2` | `oklch(69.69% 0.0813 201.40)` | Aquarelle | black, 8 to 1 |
| 18 | `#4e9ca9` | `oklch(64.80% 0.0786 209.50)` | Summer Turquoise Blue | black, 6.6 to 1 |
| 19 | `#488899` | `oklch(59.06% 0.0710 217.72)` | Hippie Blue | black, 5.2 to 1 |
| 20 | `#437689` | `oklch(53.70% 0.0623 224.91)` | Majestic Mountain | white, 5 to 1 |
| 21 | `#40697d` | `oklch(50.00% 0.0565 229.94)` | Ocean Storm | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(315deg, #73361c 0.0%, #814326 5.0%, #955433 10.0%, #aa6943 15.0%, #bb7c53 20.0%, #c68e65 25.0%, #ce9f7a 30.0%, #d3af8d 35.0%, #d4bc9a 40.0%, #cfc6a3 45.0%, #c3cead 50.0%, #b5d1b8 55.0%, #a7d0bf 60.0%, #98cbc1 65.0%, #83c3be 70.0%, #6cb9b8 75.0%, #5aadb2 80.0%, #4e9ca9 85.0%, #488899 90.0%, #437689 95.0%, #40697d 100.0%);
background: linear-gradient(315deg in oklch, oklch(40.94% 0.0937 42.89) 0.0%, oklch(45.28% 0.0953 44.49) 5.0%, oklch(51.53% 0.0977 46.72) 10.0%, oklch(58.29% 0.0989 49.68) 15.0%, oklch(64.17% 0.0965 53.46) 20.0%, oklch(69.13% 0.0881 56.77) 25.0%, oklch(73.79% 0.0756 60.00) 30.0%, oklch(77.78% 0.0629 65.77) 35.0%, oklch(80.71% 0.0537 76.71) 40.0%, oklch(82.49% 0.0488 96.25) 45.0%, oklch(83.32% 0.0462 122.08) 50.0%, oklch(83.24% 0.0460 148.21) 55.0%, oklch(82.28% 0.0482 168.64) 60.0%, oklch(80.30% 0.0551 181.09) 65.0%, oklch(77.31% 0.0660 188.99) 70.0%, oklch(73.67% 0.0762 194.90) 75.0%, oklch(69.69% 0.0813 201.40) 80.0%, oklch(64.80% 0.0786 209.50) 85.0%, oklch(59.06% 0.0710 217.72) 90.0%, oklch(53.70% 0.0623 224.91) 95.0%, oklch(50.00% 0.0565 229.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.094 | 42.9 |
| 2 | 0.642 | 0.096 | 53.5 |
| 3 | 0.807 | 0.054 | 76.7 |
| 4 | 0.823 | 0.048 | 168.6 |
| 5 | 0.697 | 0.081 | 201.4 |
| 6 | 0.5 | 0.056 | 229.9 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Beach gradients](https://grabient.com/beach-gradients)
- [Coastal gradients](https://grabient.com/coastal-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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