# Tan, bronze and pale blue elevation palette

The Tan, bronze and pale blue elevation palette brings together orange and off-white. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is off-white.

- Also called: Complementary brown to light blue radial gradient
- Seed: `kUWRIktpQ_1MnQz1hdCA`
- Page: https://grabient.com/kUWRIktpQ_1MnQz1hdCA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#45372f` | `oklch(35.04% 0.0248 51.33)` | Tobago | white, 11.3 to 1 |
| 2 | `#47382f` | `oklch(35.43% 0.0264 51.15)` | Batch Brew | white, 11.2 to 1 |
| 3 | `#49392f` | `oklch(35.85% 0.0284 50.76)` | Brown Beauty | white, 11 to 1 |
| 4 | `#4c392f` | `oklch(36.31% 0.0307 50.25)` | Chicory Coffee | white, 10.8 to 1 |
| 5 | `#4e3a30` | `oklch(36.85% 0.0333 49.69)` | Button Eyes | white, 10.6 to 1 |
| 6 | `#513b30` | `oklch(37.46% 0.0362 49.16)` | Bright Brown | white, 10.3 to 1 |
| 7 | `#543d30` | `oklch(38.18% 0.0393 48.75)` | Lounge Leather | white, 10 to 1 |
| 8 | `#583e31` | `oklch(39.02% 0.0426 48.54)` | Lounge Leather | white, 9.7 to 1 |
| 9 | `#5c4031` | `oklch(39.99% 0.0462 48.60)` | Pitch Mary Brown | white, 9.3 to 1 |
| 10 | `#614332` | `oklch(41.13% 0.0499 49.02)` | Boston Brown Bread | white, 8.9 to 1 |
| 11 | `#664633` | `oklch(42.44% 0.0538 49.88)` | Copra | white, 8.4 to 1 |
| 12 | `#6c4934` | `oklch(43.94% 0.0582 51.02)` | Satin Soil | white, 7.9 to 1 |
| 13 | `#744d35` | `oklch(45.65% 0.0639 51.85)` | Seed Brown | white, 7.3 to 1 |
| 14 | `#7c5136` | `oklch(47.55% 0.0706 52.54)` | Chocolate Bonbon | white, 6.8 to 1 |
| 15 | `#855536` | `oklch(49.61% 0.0779 53.32)` | Burnt Crust | white, 6.2 to 1 |
| 16 | `#8e5a36` | `oklch(51.79% 0.0854 54.42)` | Brushwood | white, 5.7 to 1 |
| 17 | `#986036` | `oklch(54.08% 0.0924 56.06)` | Ash Brown | white, 5.1 to 1 |
| 18 | `#a16636` | `oklch(56.45% 0.0987 58.49)` | Hot Ginger | white, 4.7 to 1 |
| 19 | `#a96e36` | `oklch(58.87% 0.1037 61.92)` | Tanooki Suit Brown | black, 4.9 to 1 |
| 20 | `#af7636` | `oklch(61.31% 0.1070 66.59)` | Enchanting Ginger | black, 5.4 to 1 |
| 21 | `#b38038` | `oklch(63.74% 0.1081 72.73)` | Gilded Gold | black, 6 to 1 |
| 22 | `#b48b3e` | `oklch(66.17% 0.1066 80.64)` | Tinsel | black, 6.7 to 1 |
| 23 | `#b2994b` | `oklch(68.83% 0.1020 91.37)` | Husk | black, 7.5 to 1 |
| 24 | `#ada75f` | `oklch(71.70% 0.0946 104.61)` | Organic Garden | black, 8.4 to 1 |
| 25 | `#a6b577` | `oklch(74.73% 0.0852 119.67)` | Serpentine | black, 9.5 to 1 |
| 26 | `#a2c293` | `oklch(77.80% 0.0743 135.87)` | Heartland Frosty | black, 10.6 to 1 |
| 27 | `#a3cdad` | `oklch(80.84% 0.0626 152.51)` | Retro Mint | black, 11.8 to 1 |
| 28 | `#aad5c4` | `oklch(83.76% 0.0508 168.92)` | Southern Belle | black, 13 to 1 |
| 29 | `#b7dcd5` | `oklch(86.48% 0.0395 184.38)` | Catch the Wave | black, 14.1 to 1 |
| 30 | `#c5e1e1` | `oklch(88.90% 0.0294 198.23)` | Peek-a-Blue | black, 15.2 to 1 |
| 31 | `#d2e5e9` | `oklch(90.94% 0.0211 209.76)` | Ocean Breeze | black, 16.1 to 1 |
| 32 | `#dce9ed` | `oklch(92.52% 0.0152 218.29)` | Sidewalk Chalk Blue | black, 16.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #45372f 0.0%, #47382f 3.2%, #49392f 6.5%, #4c392f 9.7%, #4e3a30 12.9%, #513b30 16.1%, #543d30 19.4%, #583e31 22.6%, #5c4031 25.8%, #614332 29.0%, #664633 32.3%, #6c4934 35.5%, #744d35 38.7%, #7c5136 41.9%, #855536 45.2%, #8e5a36 48.4%, #986036 51.6%, #a16636 54.8%, #a96e36 58.1%, #af7636 61.3%, #b38038 64.5%, #b48b3e 67.7%, #b2994b 71.0%, #ada75f 74.2%, #a6b577 77.4%, #a2c293 80.6%, #a3cdad 83.9%, #aad5c4 87.1%, #b7dcd5 90.3%, #c5e1e1 93.5%, #d2e5e9 96.8%, #dce9ed 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(35.04% 0.0248 51.33) 0.0%, oklch(35.43% 0.0264 51.15) 3.2%, oklch(35.85% 0.0284 50.76) 6.5%, oklch(36.31% 0.0307 50.25) 9.7%, oklch(36.85% 0.0333 49.69) 12.9%, oklch(37.46% 0.0362 49.16) 16.1%, oklch(38.18% 0.0393 48.75) 19.4%, oklch(39.02% 0.0426 48.54) 22.6%, oklch(39.99% 0.0462 48.60) 25.8%, oklch(41.13% 0.0499 49.02) 29.0%, oklch(42.44% 0.0538 49.88) 32.3%, oklch(43.94% 0.0582 51.02) 35.5%, oklch(45.65% 0.0639 51.85) 38.7%, oklch(47.55% 0.0706 52.54) 41.9%, oklch(49.61% 0.0779 53.32) 45.2%, oklch(51.79% 0.0854 54.42) 48.4%, oklch(54.08% 0.0924 56.06) 51.6%, oklch(56.45% 0.0987 58.49) 54.8%, oklch(58.87% 0.1037 61.92) 58.1%, oklch(61.31% 0.1070 66.59) 61.3%, oklch(63.74% 0.1081 72.73) 64.5%, oklch(66.17% 0.1066 80.64) 67.7%, oklch(68.83% 0.1020 91.37) 71.0%, oklch(71.70% 0.0946 104.61) 74.2%, oklch(74.73% 0.0852 119.67) 77.4%, oklch(77.80% 0.0743 135.87) 80.6%, oklch(80.84% 0.0626 152.51) 83.9%, oklch(83.76% 0.0508 168.92) 87.1%, oklch(86.48% 0.0395 184.38) 90.3%, oklch(88.90% 0.0294 198.23) 93.5%, oklch(90.94% 0.0211 209.76) 96.8%, oklch(92.52% 0.0152 218.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.025 | 51.3 |
| 2 | 0.429 | 0.055 | 50.3 |
| 3 | 0.654 | 0.107 | 77.7 |
| 4 | 0.925 | 0.015 | 218.3 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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