# Bronze, gold and aqua glass palette

The Bronze, gold and aqua glass palette brings together orange, gold, pale yellow, off-white, and light teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is off-white.

- Also called: Brown, off-white and light blue linear gradient
- Seed: `kaczchySfBFyswbrqcF-JpBHuGxbskkXg`
- Page: https://grabient.com/kaczchySfBFyswbrqcF-JpBHuGxbskkXg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.1 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 | `#784830` | `oklch(45.28% 0.0758 47.11)` | Cape Palliser | white, 7.5 to 1 |
| 2 | `#7f4c30` | `oklch(46.82% 0.0804 48.27)` | Pookie Bear | white, 7 to 1 |
| 3 | `#885030` | `oklch(48.97% 0.0871 49.86)` | Charred Clay | white, 6.4 to 1 |
| 4 | `#925731` | `oklch(51.52% 0.0947 51.77)` | Sugar Almond | white, 5.8 to 1 |
| 5 | `#9d5d31` | `oklch(54.27% 0.1020 53.93)` | Gingerbread Crumble | white, 5.1 to 1 |
| 6 | `#a76531` | `oklch(57.03% 0.1081 56.23)` | Mai Tai | white, 4.6 to 1 |
| 7 | `#b16d33` | `oklch(59.82% 0.1124 58.73)` | Reno Sand | black, 5.1 to 1 |
| 8 | `#ba7736` | `oklch(62.84% 0.1161 61.57)` | Fire Lord | black, 5.7 to 1 |
| 9 | `#c4813a` | `oklch(65.96% 0.1190 64.58)` | Fancy Suede | black, 6.5 to 1 |
| 10 | `#cd8c3f` | `oklch(69.05% 0.1211 67.62)` | Hey Honey! | black, 7.3 to 1 |
| 11 | `#d59645` | `oklch(71.94% 0.1224 70.51)` | Georgian Yellow | black, 8.2 to 1 |
| 12 | `#dba04b` | `oklch(74.54% 0.1229 73.18)` | Solar Fusion | black, 9.1 to 1 |
| 13 | `#e1a952` | `oklch(76.96% 0.1228 75.77)` | Mellowed Gold | black, 9.9 to 1 |
| 14 | `#e6b159` | `oklch(79.25% 0.1219 78.29)` | Talâyi Gold | black, 10.8 to 1 |
| 15 | `#eaba62` | `oklch(81.44% 0.1199 80.71)` | Chandra Cream | black, 11.6 to 1 |
| 16 | `#eec26b` | `oklch(83.58% 0.1166 83.00)` | Vietnamese Lantern | black, 12.5 to 1 |
| 17 | `#f2cb77` | `oklch(85.73% 0.1116 84.98)` | Pastel de Nata | black, 13.5 to 1 |
| 18 | `#f6d385` | `oklch(87.97% 0.1048 85.92)` | Pixel Cream | black, 14.5 to 1 |
| 19 | `#fbdb93` | `oklch(90.18% 0.0966 86.54)` | Cooled Cream | black, 15.6 to 1 |
| 20 | `#fee3a2` | `oklch(92.22% 0.0875 87.76)` | Polka Dot Skirt | black, 16.6 to 1 |
| 21 | `#ffeaaf` | `oklch(93.96% 0.0780 90.49)` | Yellow Canary | black, 17.6 to 1 |
| 22 | `#fdf0bc` | `oklch(95.28% 0.0683 95.63)` | Drop of Lemon | black, 18.3 to 1 |
| 23 | `#f9f6ca` | `oklch(96.40% 0.0565 103.32)` | Electric Arc | black, 19 to 1 |
| 24 | `#f6fad9` | `oklch(97.28% 0.0434 112.79)` | Citrine White | black, 19.5 to 1 |
| 25 | `#f3fce5` | `oklch(97.77% 0.0311 123.22)` | Crème de Menthe | black, 19.8 to 1 |
| 26 | `#f2fbec` | `oklch(97.75% 0.0219 133.83)` | Winter Oasis | black, 19.8 to 1 |
| 27 | `#eff9ee` | `oklch(97.07% 0.0177 143.85)` | Refined Mint | black, 19.4 to 1 |
| 28 | `#e6f4ea` | `oklch(95.30% 0.0199 154.53)` | Aqua Spring | black, 18.4 to 1 |
| 29 | `#d7ede3` | `oklch(92.69% 0.0268 165.93)` | Dreamy Clouds | black, 17.1 to 1 |
| 30 | `#c6e6dd` | `oklch(89.80% 0.0357 176.90)` | Touch of Frost | black, 15.7 to 1 |
| 31 | `#b5dfd9` | `oklch(87.19% 0.0442 186.28)` | Minerva | black, 14.5 to 1 |
| 32 | `#aadad8` | `oklch(85.43% 0.0496 192.94)` | Beachside Drive | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #784830 0.0%, #7f4c30 3.2%, #885030 6.5%, #925731 9.7%, #9d5d31 12.9%, #a76531 16.1%, #b16d33 19.4%, #ba7736 22.6%, #c4813a 25.8%, #cd8c3f 29.0%, #d59645 32.3%, #dba04b 35.5%, #e1a952 38.7%, #e6b159 41.9%, #eaba62 45.2%, #eec26b 48.4%, #f2cb77 51.6%, #f6d385 54.8%, #fbdb93 58.1%, #fee3a2 61.3%, #ffeaaf 64.5%, #fdf0bc 67.7%, #f9f6ca 71.0%, #f6fad9 74.2%, #f3fce5 77.4%, #f2fbec 80.6%, #eff9ee 83.9%, #e6f4ea 87.1%, #d7ede3 90.3%, #c6e6dd 93.5%, #b5dfd9 96.8%, #aadad8 100.0%);
background: linear-gradient(90deg in oklch, oklch(45.28% 0.0758 47.11) 0.0%, oklch(46.82% 0.0804 48.27) 3.2%, oklch(48.97% 0.0871 49.86) 6.5%, oklch(51.52% 0.0947 51.77) 9.7%, oklch(54.27% 0.1020 53.93) 12.9%, oklch(57.03% 0.1081 56.23) 16.1%, oklch(59.82% 0.1124 58.73) 19.4%, oklch(62.84% 0.1161 61.57) 22.6%, oklch(65.96% 0.1190 64.58) 25.8%, oklch(69.05% 0.1211 67.62) 29.0%, oklch(71.94% 0.1224 70.51) 32.3%, oklch(74.54% 0.1229 73.18) 35.5%, oklch(76.96% 0.1228 75.77) 38.7%, oklch(79.25% 0.1219 78.29) 41.9%, oklch(81.44% 0.1199 80.71) 45.2%, oklch(83.58% 0.1166 83.00) 48.4%, oklch(85.73% 0.1116 84.98) 51.6%, oklch(87.97% 0.1048 85.92) 54.8%, oklch(90.18% 0.0966 86.54) 58.1%, oklch(92.22% 0.0875 87.76) 61.3%, oklch(93.96% 0.0780 90.49) 64.5%, oklch(95.28% 0.0683 95.63) 67.7%, oklch(96.40% 0.0565 103.32) 71.0%, oklch(97.28% 0.0434 112.79) 74.2%, oklch(97.77% 0.0311 123.22) 77.4%, oklch(97.75% 0.0219 133.83) 80.6%, oklch(97.07% 0.0177 143.85) 83.9%, oklch(95.30% 0.0199 154.53) 87.1%, oklch(92.69% 0.0268 165.93) 90.3%, oklch(89.80% 0.0357 176.90) 93.5%, oklch(87.19% 0.0442 186.28) 96.8%, oklch(85.43% 0.0496 192.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.076 | 47.1 |
| 2 | 0.575 | 0.109 | 56.6 |
| 3 | 0.728 | 0.123 | 71.4 |
| 4 | 0.846 | 0.114 | 84.1 |
| 5 | 0.949 | 0.072 | 93.6 |
| 6 | 0.972 | 0.018 | 142.2 |
| 7 | 0.854 | 0.05 | 192.9 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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