# Amber gold and cream radial gradient

A deep brown center radiates through burnt amber and golden orange into warm yellow and pale buttercream at the edge. The smooth radial gradient gives the warm colors a focused, glowing progression. It suits inviting website hero sections, autumn campaign graphics, hospitality presentations, and rich golden promotional backgrounds.

- Also called: Analogous brown, orange and beige radial gradient
- Seed: `kUSS4m1LlAeq7wx7kEFA`
- Page: https://grabient.com/kUSS4m1LlAeq7wx7kEFA?style=radialGradient&steps=80&angle=0
- Drawn as: radial gradient, 80 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#422107` | `oklch(28.74% 0.0634 54.14)` | Chocolate Castle | white, 14.4 to 1 |
| 2 | `#452207` | `oklch(29.53% 0.0654 54.21)` | Chocolate Castle | white, 14.1 to 1 |
| 3 | `#482407` | `oklch(30.44% 0.0677 54.27)` | Ibex Brown | white, 13.6 to 1 |
| 4 | `#4c2608` | `oklch(31.47% 0.0704 54.31)` | Brown Study | white, 13.2 to 1 |
| 5 | `#502808` | `oklch(32.62% 0.0733 54.33)` | Brown Study | white, 12.6 to 1 |
| 6 | `#552b09` | `oklch(33.86% 0.0766 54.36)` | Fudge Brownie | white, 12.1 to 1 |
| 7 | `#5a2e09` | `oklch(35.19% 0.0801 54.37)` | Count Chocula | white, 11.5 to 1 |
| 8 | `#603009` | `oklch(36.61% 0.0838 54.39)` | Count Chocula | white, 10.8 to 1 |
| 9 | `#65340a` | `oklch(38.10% 0.0877 54.40)` | Beasty Brown | white, 10.2 to 1 |
| 10 | `#6b370a` | `oklch(39.65% 0.0918 54.42)` | Bestial Brown | white, 9.6 to 1 |
| 11 | `#723a0b` | `oklch(41.25% 0.0960 54.44)` | Philippine Bronze | white, 9 to 1 |
| 12 | `#783e0b` | `oklch(42.89% 0.1003 54.48)` | Hazelnut Chocolate | white, 8.4 to 1 |
| 13 | `#7f410c` | `oklch(44.57% 0.1047 54.53)` | Hazelnut Chocolate | white, 7.8 to 1 |
| 14 | `#86450c` | `oklch(46.27% 0.1091 54.59)` | Chocolate Pancakes | white, 7.3 to 1 |
| 15 | `#8d490c` | `oklch(47.99% 0.1135 54.67)` | Parasite Brown | white, 6.8 to 1 |
| 16 | `#944d0c` | `oklch(49.70% 0.1179 54.78)` | Brownie | white, 6.3 to 1 |
| 17 | `#9b510d` | `oklch(51.42% 0.1222 54.90)` | Burnt Bagel | white, 5.8 to 1 |
| 18 | `#a2540d` | `oklch(53.12% 0.1265 55.06)` | Windsor Brown | white, 5.4 to 1 |
| 19 | `#a9580d` | `oklch(54.79% 0.1306 55.24)` | Tijolo | white, 5.1 to 1 |
| 20 | `#b05c0d` | `oklch(56.44% 0.1347 55.46)` | Elm Brown Red | white, 4.7 to 1 |
| 21 | `#b6600c` | `oklch(58.04% 0.1385 55.72)` | Super Leaf Brown | black, 4.6 to 1 |
| 22 | `#bd640c` | `oklch(59.58% 0.1422 56.01)` | Fire Ant | black, 4.9 to 1 |
| 23 | `#c3680b` | `oklch(61.06% 0.1456 56.35)` | Hawaiian Sunset | black, 5.3 to 1 |
| 24 | `#c96c0b` | `oklch(62.48% 0.1488 56.73)` | Sludge | black, 5.6 to 1 |
| 25 | `#ce6f0a` | `oklch(63.80% 0.1516 57.16)` | Autumn Maple | black, 5.9 to 1 |
| 26 | `#d37308` | `oklch(65.04% 0.1542 57.64)` | Marmalade | black, 6.2 to 1 |
| 27 | `#d77607` | `oklch(66.18% 0.1564 58.18)` | Orange Outburst | black, 6.4 to 1 |
| 28 | `#db7905` | `oklch(67.22% 0.1583 58.77)` | Orange Outburst | black, 6.7 to 1 |
| 29 | `#df7c03` | `oklch(68.21% 0.1602 59.45)` | Orange Pepper | black, 7 to 1 |
| 30 | `#e27f00` | `oklch(69.15% 0.1619 60.19)` | Sports Fan | black, 7.2 to 1 |
| 31 | `#e58200` | `oklch(70.04% 0.1627 61.01)` | Master Round Yellow | black, 7.5 to 1 |
| 32 | `#e78500` | `oklch(70.88% 0.1633 61.89)` | Master Round Yellow | black, 7.7 to 1 |
| 33 | `#ea8900` | `oklch(71.69% 0.1638 62.83)` | Elden Ring Orange | black, 8 to 1 |
| 34 | `#ec8c00` | `oklch(72.46% 0.1641 63.83)` | Elden Ring Orange | black, 8.2 to 1 |
| 35 | `#ed8f00` | `oklch(73.20% 0.1644 64.87)` | Saffron Gold | black, 8.5 to 1 |
| 36 | `#ef9200` | `oklch(73.90% 0.1646 65.94)` | Shiritorier’s Orange | black, 8.7 to 1 |
| 37 | `#f09400` | `oklch(74.57% 0.1647 67.05)` | Forceful Orange | black, 8.9 to 1 |
| 38 | `#f19700` | `oklch(75.21% 0.1648 68.19)` | Kin Gold | black, 9.1 to 1 |
| 39 | `#f29a00` | `oklch(75.83% 0.1649 69.34)` | Kin Gold | black, 9.4 to 1 |
| 40 | `#f39d00` | `oklch(76.43% 0.1651 70.51)` | DodgeRoll Gold | black, 9.6 to 1 |
| 41 | `#f4a000` | `oklch(77.01% 0.1652 71.69)` | Mad for Mango | black, 9.8 to 1 |
| 42 | `#f5a200` | `oklch(77.57% 0.1653 72.87)` | Mad for Mango | black, 10 to 1 |
| 43 | `#f5a500` | `oklch(78.12% 0.1655 74.05)` | Orange Pospsicle | black, 10.2 to 1 |
| 44 | `#f6a700` | `oklch(78.66% 0.1658 75.22)` | Spectra Yellow | black, 10.4 to 1 |
| 45 | `#f7aa00` | `oklch(79.19% 0.1661 76.37)` | Spectra Yellow | black, 10.6 to 1 |
| 46 | `#f7ad00` | `oklch(79.72% 0.1665 77.50)` | Spicy Sweetcorn | black, 10.9 to 1 |
| 47 | `#f8af00` | `oklch(80.24% 0.1669 78.60)` | Lemon Chrome | black, 11.1 to 1 |
| 48 | `#f8b100` | `oklch(80.76% 0.1674 79.67)` | Limeño Limón | black, 11.3 to 1 |
| 49 | `#f9b400` | `oklch(81.29% 0.1680 80.70)` | Yellow Summer | black, 11.5 to 1 |
| 50 | `#fab600` | `oklch(81.82% 0.1687 81.68)` | Yellow Summer | black, 11.7 to 1 |
| 51 | `#fab905` | `oklch(82.36% 0.1689 82.61)` | Blue Angels Yellow | black, 11.9 to 1 |
| 52 | `#fabb15` | `oklch(82.91% 0.1672 83.48)` | Chocobo Feather | black, 12.2 to 1 |
| 53 | `#fbbe20` | `oklch(83.47% 0.1654 84.29)` | Ukon Saffron | black, 12.4 to 1 |
| 54 | `#fbc129` | `oklch(84.05% 0.1632 85.03)` | Not Yo Cheese | black, 12.7 to 1 |
| 55 | `#fbc332` | `oklch(84.64% 0.1607 85.73)` | Not Yo Cheese | black, 13 to 1 |
| 56 | `#fcc63b` | `oklch(85.24% 0.1576 86.40)` | Banana Boat | black, 13.2 to 1 |
| 57 | `#fcc944` | `oklch(85.84% 0.1541 87.05)` | Sunny Festival | black, 13.5 to 1 |
| 58 | `#fccc4c` | `oklch(86.44% 0.1502 87.68)` | Decisive Yellow | black, 13.8 to 1 |
| 59 | `#fcce54` | `oklch(87.04% 0.1459 88.28)` | Rubber Ducky | black, 14.1 to 1 |
| 60 | `#fcd15d` | `oklch(87.64% 0.1413 88.86)` | Beach Party | black, 14.4 to 1 |
| 61 | `#fcd465` | `oklch(88.25% 0.1364 89.42)` | Lighthouse Glow | black, 14.7 to 1 |
| 62 | `#fcd66d` | `oklch(88.84% 0.1313 89.96)` | Hint of Honey | black, 15 to 1 |
| 63 | `#fcd974` | `oklch(89.44% 0.1260 90.47)` | Golden Coin | black, 15.2 to 1 |
| 64 | `#fcdb7c` | `oklch(90.02% 0.1205 90.96)` | Snug Yellow | black, 15.5 to 1 |
| 65 | `#fcde84` | `oklch(90.60% 0.1149 91.44)` | Daisy Desi | black, 15.8 to 1 |
| 66 | `#fce08b` | `oklch(91.17% 0.1092 91.89)` | Daisy Desi | black, 16.1 to 1 |
| 67 | `#fce292` | `oklch(91.73% 0.1035 92.32)` | Lemon Cream | black, 16.4 to 1 |
| 68 | `#fce499` | `oklch(92.27% 0.0978 92.73)` | Sign of the Crown | black, 16.7 to 1 |
| 69 | `#fce7a0` | `oklch(92.80% 0.0921 93.13)` | Equator Glow | black, 17 to 1 |
| 70 | `#fce8a6` | `oklch(93.31% 0.0865 93.51)` | Bleached Sunflower | black, 17.2 to 1 |
| 71 | `#fceaad` | `oklch(93.81% 0.0811 93.87)` | Butter Fingers | black, 17.5 to 1 |
| 72 | `#fcecb2` | `oklch(94.29% 0.0758 94.21)` | Dear Melissa | black, 17.8 to 1 |
| 73 | `#fdeeb8` | `oklch(94.75% 0.0707 94.54)` | Tinker Light | black, 18 to 1 |
| 74 | `#fdefbd` | `oklch(95.18% 0.0658 94.85)` | Aztec Aura | black, 18.3 to 1 |
| 75 | `#fdf1c2` | `oklch(95.59% 0.0612 95.14)` | Pound Cake | black, 18.5 to 1 |
| 76 | `#fdf2c7` | `oklch(95.98% 0.0570 95.42)` | Silent Ivory | black, 18.7 to 1 |
| 77 | `#fdf4cb` | `oklch(96.34% 0.0531 95.69)` | Lemon Tint | black, 18.9 to 1 |
| 78 | `#fef5cf` | `oklch(96.67% 0.0497 95.94)` | Stereotypical Duck | black, 19.1 to 1 |
| 79 | `#fef6d2` | `oklch(96.97% 0.0466 96.18)` | Stereotypical Duck | black, 19.2 to 1 |
| 80 | `#fef7d5` | `oklch(97.24% 0.0441 96.41)` | Reddish White | black, 19.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #422107 0.0%, #452207 1.3%, #482407 2.5%, #4c2608 3.8%, #502808 5.1%, #552b09 6.3%, #5a2e09 7.6%, #603009 8.9%, #65340a 10.1%, #6b370a 11.4%, #723a0b 12.7%, #783e0b 13.9%, #7f410c 15.2%, #86450c 16.5%, #8d490c 17.7%, #944d0c 19.0%, #9b510d 20.3%, #a2540d 21.5%, #a9580d 22.8%, #b05c0d 24.1%, #b6600c 25.3%, #bd640c 26.6%, #c3680b 27.8%, #c96c0b 29.1%, #ce6f0a 30.4%, #d37308 31.6%, #d77607 32.9%, #db7905 34.2%, #df7c03 35.4%, #e27f00 36.7%, #e58200 38.0%, #e78500 39.2%, #ea8900 40.5%, #ec8c00 41.8%, #ed8f00 43.0%, #ef9200 44.3%, #f09400 45.6%, #f19700 46.8%, #f29a00 48.1%, #f39d00 49.4%, #f4a000 50.6%, #f5a200 51.9%, #f5a500 53.2%, #f6a700 54.4%, #f7aa00 55.7%, #f7ad00 57.0%, #f8af00 58.2%, #f8b100 59.5%, #f9b400 60.8%, #fab600 62.0%, #fab905 63.3%, #fabb15 64.6%, #fbbe20 65.8%, #fbc129 67.1%, #fbc332 68.4%, #fcc63b 69.6%, #fcc944 70.9%, #fccc4c 72.2%, #fcce54 73.4%, #fcd15d 74.7%, #fcd465 75.9%, #fcd66d 77.2%, #fcd974 78.5%, #fcdb7c 79.7%, #fcde84 81.0%, #fce08b 82.3%, #fce292 83.5%, #fce499 84.8%, #fce7a0 86.1%, #fce8a6 87.3%, #fceaad 88.6%, #fcecb2 89.9%, #fdeeb8 91.1%, #fdefbd 92.4%, #fdf1c2 93.7%, #fdf2c7 94.9%, #fdf4cb 96.2%, #fef5cf 97.5%, #fef6d2 98.7%, #fef7d5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(28.74% 0.0634 54.14) 0.0%, oklch(29.53% 0.0654 54.21) 1.3%, oklch(30.44% 0.0677 54.27) 2.5%, oklch(31.47% 0.0704 54.31) 3.8%, oklch(32.62% 0.0733 54.33) 5.1%, oklch(33.86% 0.0766 54.36) 6.3%, oklch(35.19% 0.0801 54.37) 7.6%, oklch(36.61% 0.0838 54.39) 8.9%, oklch(38.10% 0.0877 54.40) 10.1%, oklch(39.65% 0.0918 54.42) 11.4%, oklch(41.25% 0.0960 54.44) 12.7%, oklch(42.89% 0.1003 54.48) 13.9%, oklch(44.57% 0.1047 54.53) 15.2%, oklch(46.27% 0.1091 54.59) 16.5%, oklch(47.99% 0.1135 54.67) 17.7%, oklch(49.70% 0.1179 54.78) 19.0%, oklch(51.42% 0.1222 54.90) 20.3%, oklch(53.12% 0.1265 55.06) 21.5%, oklch(54.79% 0.1306 55.24) 22.8%, oklch(56.44% 0.1347 55.46) 24.1%, oklch(58.04% 0.1385 55.72) 25.3%, oklch(59.58% 0.1422 56.01) 26.6%, oklch(61.06% 0.1456 56.35) 27.8%, oklch(62.48% 0.1488 56.73) 29.1%, oklch(63.80% 0.1516 57.16) 30.4%, oklch(65.04% 0.1542 57.64) 31.6%, oklch(66.18% 0.1564 58.18) 32.9%, oklch(67.22% 0.1583 58.77) 34.2%, oklch(68.21% 0.1602 59.45) 35.4%, oklch(69.15% 0.1619 60.19) 36.7%, oklch(70.04% 0.1627 61.01) 38.0%, oklch(70.88% 0.1633 61.89) 39.2%, oklch(71.69% 0.1638 62.83) 40.5%, oklch(72.46% 0.1641 63.83) 41.8%, oklch(73.20% 0.1644 64.87) 43.0%, oklch(73.90% 0.1646 65.94) 44.3%, oklch(74.57% 0.1647 67.05) 45.6%, oklch(75.21% 0.1648 68.19) 46.8%, oklch(75.83% 0.1649 69.34) 48.1%, oklch(76.43% 0.1651 70.51) 49.4%, oklch(77.01% 0.1652 71.69) 50.6%, oklch(77.57% 0.1653 72.87) 51.9%, oklch(78.12% 0.1655 74.05) 53.2%, oklch(78.66% 0.1658 75.22) 54.4%, oklch(79.19% 0.1661 76.37) 55.7%, oklch(79.72% 0.1665 77.50) 57.0%, oklch(80.24% 0.1669 78.60) 58.2%, oklch(80.76% 0.1674 79.67) 59.5%, oklch(81.29% 0.1680 80.70) 60.8%, oklch(81.82% 0.1687 81.68) 62.0%, oklch(82.36% 0.1689 82.61) 63.3%, oklch(82.91% 0.1672 83.48) 64.6%, oklch(83.47% 0.1654 84.29) 65.8%, oklch(84.05% 0.1632 85.03) 67.1%, oklch(84.64% 0.1607 85.73) 68.4%, oklch(85.24% 0.1576 86.40) 69.6%, oklch(85.84% 0.1541 87.05) 70.9%, oklch(86.44% 0.1502 87.68) 72.2%, oklch(87.04% 0.1459 88.28) 73.4%, oklch(87.64% 0.1413 88.86) 74.7%, oklch(88.25% 0.1364 89.42) 75.9%, oklch(88.84% 0.1313 89.96) 77.2%, oklch(89.44% 0.1260 90.47) 78.5%, oklch(90.02% 0.1205 90.96) 79.7%, oklch(90.60% 0.1149 91.44) 81.0%, oklch(91.17% 0.1092 91.89) 82.3%, oklch(91.73% 0.1035 92.32) 83.5%, oklch(92.27% 0.0978 92.73) 84.8%, oklch(92.80% 0.0921 93.13) 86.1%, oklch(93.31% 0.0865 93.51) 87.3%, oklch(93.81% 0.0811 93.87) 88.6%, oklch(94.29% 0.0758 94.21) 89.9%, oklch(94.75% 0.0707 94.54) 91.1%, oklch(95.18% 0.0658 94.85) 92.4%, oklch(95.59% 0.0612 95.14) 93.7%, oklch(95.98% 0.0570 95.42) 94.9%, oklch(96.34% 0.0531 95.69) 96.2%, oklch(96.67% 0.0497 95.94) 97.5%, oklch(96.97% 0.0466 96.18) 98.7%, oklch(97.24% 0.0441 96.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.063 | 54.1 |
| 2 | 0.665 | 0.157 | 58.4 |
| 3 | 0.839 | 0.164 | 84.8 |
| 4 | 0.972 | 0.044 | 96.4 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)

## Other forms

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