# Bronze and blue mooncake candlelight palette

The Bronze and blue mooncake candlelight palette brings together orange, red, dark purple, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is blue.

- Also called: Tritone brown, dark purple and blue linear gradient
- Seed: `kcf2AfNCy-ycfPKhITepy-8zKzP4_rEBSh_BY`
- Page: https://grabient.com/kcf2AfNCy-ycfPKhITepy-8zKzP4_rEBSh_BY?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark center, dark, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.6 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 | `#9e4417` | `oklch(50.00% 0.1323 43.59)` | Powdered Coffee | white, 6.3 to 1 |
| 2 | `#9a4016` | `oklch(48.59% 0.1313 42.44)` | Hot Brown | white, 6.7 to 1 |
| 3 | `#933a13` | `oklch(46.59% 0.1301 40.95)` | Citrine Brown | white, 7.3 to 1 |
| 4 | `#8b3312` | `oklch(44.27% 0.1281 38.82)` | Rogan Josh | white, 8.1 to 1 |
| 5 | `#832c14` | `oklch(41.91% 0.1247 35.75)` | Caponata | white, 9 to 1 |
| 6 | `#7a2619` | `oklch(39.64% 0.1189 31.72)` | Posh Red | white, 9.8 to 1 |
| 7 | `#6f221d` | `oklch(37.18% 0.1097 27.38)` | Spanish Tile | white, 10.9 to 1 |
| 8 | `#631f21` | `oklch(34.67% 0.0994 22.03)` | Full City Roast | white, 12 to 1 |
| 9 | `#591b25` | `oklch(32.36% 0.0904 14.86)` | Spinel Red | white, 13 to 1 |
| 10 | `#501829` | `oklch(30.47% 0.0849 4.97)` | Vino Tinto | white, 13.9 to 1 |
| 11 | `#481630` | `oklch(28.86% 0.0830 350.54)` | Blackberry | white, 14.7 to 1 |
| 12 | `#3e1539` | `oklch(27.50% 0.0833 332.97)` | Nightly Voyager | white, 15.3 to 1 |
| 13 | `#341541` | `oklch(26.50% 0.0855 315.21)` | Purple Door | white, 15.7 to 1 |
| 14 | `#2c1648` | `oklch(26.01% 0.0895 300.22)` | Oily Purple | white, 15.9 to 1 |
| 15 | `#26184e` | `oklch(26.16% 0.0958 289.89)` | Silent Orbit | white, 15.9 to 1 |
| 16 | `#211a57` | `oklch(26.93% 0.1053 282.42)` | Silent Orbit | white, 15.5 to 1 |
| 17 | `#1e1d60` | `oklch(28.13% 0.1161 276.99)` | Intergalactic Cowboy | white, 15 to 1 |
| 18 | `#1c206a` | `oklch(29.60% 0.1258 272.91)` | Intergalactic Cowboy | white, 14.3 to 1 |
| 19 | `#192572` | `oklch(31.17% 0.1324 269.57)` | Midnight Crest | white, 13.5 to 1 |
| 20 | `#182b7a` | `oklch(32.99% 0.1368 267.63)` | St. Patrick’s Blue | white, 12.6 to 1 |
| 21 | `#1a3182` | `oklch(35.04% 0.1396 266.99)` | Bavarian Blue | white, 11.6 to 1 |
| 22 | `#1f3789` | `oklch(37.24% 0.1409 267.07)` | Intergalactic Highway | white, 10.6 to 1 |
| 23 | `#253d90` | `oklch(39.45% 0.1407 267.27)` | Navy Seal | white, 9.7 to 1 |
| 24 | `#2b4497` | `oklch(41.70% 0.1389 267.34)` | Cascade Twilight | white, 8.8 to 1 |
| 25 | `#324b9c` | `oklch(44.07% 0.1353 267.67)` | Dazzling Blue | white, 7.9 to 1 |
| 26 | `#3b53a1` | `oklch(46.47% 0.1304 268.36)` | Dazzling Blue | white, 7.1 to 1 |
| 27 | `#4459a6` | `oklch(48.77% 0.1247 269.52)` | Purple Frenzy | white, 6.4 to 1 |
| 28 | `#4e60a9` | `oklch(50.91% 0.1184 271.35)` | Starstruck | white, 5.9 to 1 |
| 29 | `#5966ab` | `oklch(53.10% 0.1101 274.28)` | Bellflower | white, 5.3 to 1 |
| 30 | `#646cac` | `oklch(55.21% 0.1009 277.73)` | Twinkle Night | white, 4.9 to 1 |
| 31 | `#6e71ad` | `oklch(57.00% 0.0926 280.93)` | Jacaranda Jazz | black, 4.6 to 1 |
| 32 | `#7474ad` | `oklch(58.27% 0.0868 283.12)` | Purple Mountain Majesty | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #9e4417 0.0%, #9a4016 3.2%, #933a13 6.5%, #8b3312 9.7%, #832c14 12.9%, #7a2619 16.1%, #6f221d 19.4%, #631f21 22.6%, #591b25 25.8%, #501829 29.0%, #481630 32.3%, #3e1539 35.5%, #341541 38.7%, #2c1648 41.9%, #26184e 45.2%, #211a57 48.4%, #1e1d60 51.6%, #1c206a 54.8%, #192572 58.1%, #182b7a 61.3%, #1a3182 64.5%, #1f3789 67.7%, #253d90 71.0%, #2b4497 74.2%, #324b9c 77.4%, #3b53a1 80.6%, #4459a6 83.9%, #4e60a9 87.1%, #5966ab 90.3%, #646cac 93.5%, #6e71ad 96.8%, #7474ad 100.0%);
background: linear-gradient(180deg in oklch, oklch(50.00% 0.1323 43.59) 0.0%, oklch(48.59% 0.1313 42.44) 3.2%, oklch(46.59% 0.1301 40.95) 6.5%, oklch(44.27% 0.1281 38.82) 9.7%, oklch(41.91% 0.1247 35.75) 12.9%, oklch(39.64% 0.1189 31.72) 16.1%, oklch(37.18% 0.1097 27.38) 19.4%, oklch(34.67% 0.0994 22.03) 22.6%, oklch(32.36% 0.0904 14.86) 25.8%, oklch(30.47% 0.0849 4.97) 29.0%, oklch(28.86% 0.0830 350.54) 32.3%, oklch(27.50% 0.0833 332.97) 35.5%, oklch(26.50% 0.0855 315.21) 38.7%, oklch(26.01% 0.0895 300.22) 41.9%, oklch(26.16% 0.0958 289.89) 45.2%, oklch(26.93% 0.1053 282.42) 48.4%, oklch(28.13% 0.1161 276.99) 51.6%, oklch(29.60% 0.1258 272.91) 54.8%, oklch(31.17% 0.1324 269.57) 58.1%, oklch(32.99% 0.1368 267.63) 61.3%, oklch(35.04% 0.1396 266.99) 64.5%, oklch(37.24% 0.1409 267.07) 67.7%, oklch(39.45% 0.1407 267.27) 71.0%, oklch(41.70% 0.1389 267.34) 74.2%, oklch(44.07% 0.1353 267.67) 77.4%, oklch(46.47% 0.1304 268.36) 80.6%, oklch(48.77% 0.1247 269.52) 83.9%, oklch(50.91% 0.1184 271.35) 87.1%, oklch(53.10% 0.1101 274.28) 90.3%, oklch(55.21% 0.1009 277.73) 93.5%, oklch(57.00% 0.0926 280.93) 96.8%, oklch(58.27% 0.0868 283.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.132 | 43.6 |
| 2 | 0.409 | 0.123 | 34.1 |
| 3 | 0.307 | 0.085 | 6.6 |
| 4 | 0.26 | 0.091 | -63.1 |
| 5 | 0.307 | 0.131 | -89.6 |
| 6 | 0.398 | 0.141 | -92.7 |
| 7 | 0.5 | 0.121 | -89.6 |
| 8 | 0.583 | 0.087 | -76.9 |

## In these collections

- [Mooncake candlelight](https://grabient.com/mooncake-candlelight)

## Other forms

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