# Gold, gray and navy mooncake candlelight palette

The Gold, gray and navy mooncake candlelight palette brings together gold, orange, gray, and blue. 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 blue, and its lightest tone is gold.

- Also called: Complementary tan to navy linear gradient
- Seed: `kc2Uw-YaK_lUgv5IlL9PYmz7YfuawpL6rRq94`
- Page: https://grabient.com/kc2Uw-YaK_lUgv5IlL9PYmz7YfuawpL6rRq94?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark
- Hues: complementary
- 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 | `#edcb7d` | `oklch(85.43% 0.1047 87.19)` | Mountain Maize | black, 13.4 to 1 |
| 2 | `#e8c77a` | `oklch(84.09% 0.1031 86.69)` | Golden Thread | black, 12.8 to 1 |
| 3 | `#e2c076` | `oklch(82.18% 0.1008 85.97)` | Summer Field | black, 12 to 1 |
| 4 | `#dbb972` | `oklch(79.96% 0.0982 85.15)` | Tahini | black, 11.1 to 1 |
| 5 | `#d3b26d` | `oklch(77.69% 0.0959 84.34)` | Tan | black, 10.3 to 1 |
| 6 | `#ccab68` | `oklch(75.56% 0.0944 83.62)` | Ginger Crunch | black, 9.5 to 1 |
| 7 | `#c6a461` | `oklch(73.37% 0.0939 82.98)` | Winter Pear Beige | black, 8.8 to 1 |
| 8 | `#bf9c5b` | `oklch(71.12% 0.0936 82.33)` | Gold Spell | black, 8.1 to 1 |
| 9 | `#b89555` | `oklch(68.85% 0.0923 81.59)` | Maple Syrup | black, 7.4 to 1 |
| 10 | `#b08e52` | `oklch(66.61% 0.0889 80.76)` | Bronze Treasure | black, 6.8 to 1 |
| 11 | `#a68850` | `oklch(64.36% 0.0829 82.01)` | Graceful Gazelle | black, 6.2 to 1 |
| 12 | `#9c8350` | `oklch(62.10% 0.0752 84.24)` | Aztec Brick | black, 5.7 to 1 |
| 13 | `#937d51` | `oklch(59.86% 0.0667 84.19)` | Olive Boat | black, 5.2 to 1 |
| 14 | `#8c7651` | `oklch(57.69% 0.0586 78.62)` | Burlap | black, 4.8 to 1 |
| 15 | `#896d54` | `oklch(55.59% 0.0505 64.13)` | Big Stone Beach | white, 4.7 to 1 |
| 16 | `#82665b` | `oklch(53.52% 0.0404 41.05)` | Chivalrous Walrus | white, 5.2 to 1 |
| 17 | `#796162` | `oklch(51.52% 0.0312 14.27)` | Pretty Puce | white, 5.7 to 1 |
| 18 | `#6e5c65` | `oklch(49.65% 0.0259 348.77)` | Fiji Coral | white, 6.1 to 1 |
| 19 | `#675865` | `oklch(47.96% 0.0276 329.25)` | Preservation Plum | white, 6.6 to 1 |
| 20 | `#615369` | `oklch(46.46% 0.0385 313.96)` | Purple Stone | white, 7.1 to 1 |
| 21 | `#5b4e70` | `oklch(45.11% 0.0550 301.18)` | Benikakehana Purple | white, 7.5 to 1 |
| 22 | `#524b77` | `oklch(43.86% 0.0722 290.71)` | Red Cabbage | white, 7.9 to 1 |
| 23 | `#48487c` | `oklch(42.69% 0.0855 282.32)` | Highlands Twilight | white, 8.4 to 1 |
| 24 | `#3f467e` | `oklch(41.56% 0.0931 276.67)` | Blue Estate | white, 8.8 to 1 |
| 25 | `#39437d` | `oklch(40.51% 0.0980 274.18)` | British Mauve | white, 9.2 to 1 |
| 26 | `#36407c` | `oklch(39.55% 0.1007 273.21)` | Evening Magic | white, 9.6 to 1 |
| 27 | `#323e7a` | `oklch(38.66% 0.1012 272.08)` | Evening Magic | white, 9.9 to 1 |
| 28 | `#2d3d76` | `oklch(37.85% 0.0994 269.25)` | Good Karma | white, 10.2 to 1 |
| 29 | `#273d71` | `oklch(37.09% 0.0938 265.13)` | Blue Expanse | white, 10.5 to 1 |
| 30 | `#233d6b` | `oklch(36.40% 0.0859 260.64)` | Limoges | white, 10.7 to 1 |
| 31 | `#203d65` | `oklch(35.84% 0.0782 256.60)` | Elmer’s Echo | white, 10.9 to 1 |
| 32 | `#1e3d61` | `oklch(35.43% 0.0730 253.80)` | Navy Peony | white, 11.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #edcb7d 0.0%, #e8c77a 3.2%, #e2c076 6.5%, #dbb972 9.7%, #d3b26d 12.9%, #ccab68 16.1%, #c6a461 19.4%, #bf9c5b 22.6%, #b89555 25.8%, #b08e52 29.0%, #a68850 32.3%, #9c8350 35.5%, #937d51 38.7%, #8c7651 41.9%, #896d54 45.2%, #82665b 48.4%, #796162 51.6%, #6e5c65 54.8%, #675865 58.1%, #615369 61.3%, #5b4e70 64.5%, #524b77 67.7%, #48487c 71.0%, #3f467e 74.2%, #39437d 77.4%, #36407c 80.6%, #323e7a 83.9%, #2d3d76 87.1%, #273d71 90.3%, #233d6b 93.5%, #203d65 96.8%, #1e3d61 100.0%);
background: linear-gradient(180deg in oklch, oklch(85.43% 0.1047 87.19) 0.0%, oklch(84.09% 0.1031 86.69) 3.2%, oklch(82.18% 0.1008 85.97) 6.5%, oklch(79.96% 0.0982 85.15) 9.7%, oklch(77.69% 0.0959 84.34) 12.9%, oklch(75.56% 0.0944 83.62) 16.1%, oklch(73.37% 0.0939 82.98) 19.4%, oklch(71.12% 0.0936 82.33) 22.6%, oklch(68.85% 0.0923 81.59) 25.8%, oklch(66.61% 0.0889 80.76) 29.0%, oklch(64.36% 0.0829 82.01) 32.3%, oklch(62.10% 0.0752 84.24) 35.5%, oklch(59.86% 0.0667 84.19) 38.7%, oklch(57.69% 0.0586 78.62) 41.9%, oklch(55.59% 0.0505 64.13) 45.2%, oklch(53.52% 0.0404 41.05) 48.4%, oklch(51.52% 0.0312 14.27) 51.6%, oklch(49.65% 0.0259 348.77) 54.8%, oklch(47.96% 0.0276 329.25) 58.1%, oklch(46.46% 0.0385 313.96) 61.3%, oklch(45.11% 0.0550 301.18) 64.5%, oklch(43.86% 0.0722 290.71) 67.7%, oklch(42.69% 0.0855 282.32) 71.0%, oklch(41.56% 0.0931 276.67) 74.2%, oklch(40.51% 0.0980 274.18) 77.4%, oklch(39.55% 0.1007 273.21) 80.6%, oklch(38.66% 0.1012 272.08) 83.9%, oklch(37.85% 0.0994 269.25) 87.1%, oklch(37.09% 0.0938 265.13) 90.3%, oklch(36.40% 0.0859 260.64) 93.5%, oklch(35.84% 0.0782 256.60) 96.8%, oklch(35.43% 0.0730 253.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.105 | 87.2 |
| 2 | 0.768 | 0.095 | 84 |
| 3 | 0.669 | 0.09 | 80.8 |
| 4 | 0.571 | 0.056 | 75.6 |
| 5 | 0.484 | 0.026 | -25.9 |
| 6 | 0.425 | 0.087 | -78.7 |
| 7 | 0.382 | 0.101 | -89.3 |
| 8 | 0.354 | 0.073 | -106.2 |

## In these collections

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

## Other forms

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