# Navy, gold and mauve mooncake candlelight palette

The Navy, gold and mauve mooncake candlelight palette brings together blue, magenta, red, orange, gold, and light orange. 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: Blue, dark purple, tan and gray radial gradient
- Seed: `kcVUm1LBPH0AZyTXoEMaR_B2yZwDhED1y486I`
- Page: https://grabient.com/kcVUm1LBPH0AZyTXoEMaR_B2yZwDhED1y486I?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8 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 | `#073669` | `oklch(33.46% 0.1006 254.53)` | Lost in Space | white, 12 to 1 |
| 2 | `#1e3365` | `oklch(33.36% 0.0919 264.83)` | Passionate Blue | white, 12.2 to 1 |
| 3 | `#2e305d` | `oklch(33.10% 0.0791 279.43)` | Galaxea | white, 12.4 to 1 |
| 4 | `#392e53` | `oklch(33.14% 0.0658 296.42)` | Violet Purple | white, 12.4 to 1 |
| 5 | `#422f4c` | `oklch(33.95% 0.0560 313.92)` | Purple Pennant | white, 12 to 1 |
| 6 | `#4d334a` | `oklch(35.94% 0.0528 331.00)` | Loulou | white, 11.1 to 1 |
| 7 | `#5c3949` | `oklch(39.05% 0.0549 350.10)` | Enchantress | white, 9.8 to 1 |
| 8 | `#6c4148` | `oklch(42.85% 0.0600 9.58)` | Purplish Brown | white, 8.4 to 1 |
| 9 | `#7c4c46` | `oklch(46.95% 0.0660 27.25)` | Revival of the Red | white, 7 to 1 |
| 10 | `#895846` | `oklch(50.95% 0.0708 40.95)` | True Copper | white, 5.9 to 1 |
| 11 | `#966549` | `oklch(55.09% 0.0753 50.06)` | Mud Ball | white, 4.9 to 1 |
| 12 | `#a3724f` | `oklch(59.46% 0.0800 56.07)` | Red Rock Falls | black, 5 to 1 |
| 13 | `#b17f55` | `oklch(63.79% 0.0844 60.38)` | Komodo Dragon | black, 6 to 1 |
| 14 | `#be8c5d` | `oklch(67.83% 0.0876 64.42)` | Espresso Tonic | black, 7.1 to 1 |
| 15 | `#c89964` | `oklch(71.51% 0.0892 69.03)` | Amber Autumn | black, 8.1 to 1 |
| 16 | `#d1a66d` | `oklch(75.08% 0.0898 73.26)` | Gobi Gold | black, 9.3 to 1 |
| 17 | `#d9b176` | `oklch(78.36% 0.0893 76.92)` | Mustard Field | black, 10.5 to 1 |
| 18 | `#e0bb7f` | `oklch(81.13% 0.0881 79.91)` | Wheat Bread | black, 11.6 to 1 |
| 19 | `#e4c387` | `oklch(83.19% 0.0862 82.15)` | New Orleans | black, 12.4 to 1 |
| 20 | `#e7c98d` | `oklch(84.64% 0.0834 83.89)` | Honeysuckle Beige | black, 13 to 1 |
| 21 | `#e8cc93` | `oklch(85.53% 0.0798 85.00)` | Honeysuckle Beige | black, 13.4 to 1 |
| 22 | `#e7cd98` | `oklch(85.83% 0.0756 85.14)` | Chamois | black, 13.6 to 1 |
| 23 | `#e6cc9a` | `oklch(85.53% 0.0710 83.98)` | Chamois | black, 13.4 to 1 |
| 24 | `#e2c99c` | `oklch(84.54% 0.0655 81.48)` | So Close | black, 13 to 1 |
| 25 | `#dcc39c` | `oklch(82.87% 0.0588 77.87)` | Natural Twine | black, 12.3 to 1 |
| 26 | `#d5bb9b` | `oklch(80.65% 0.0520 73.03)` | Terracotta Sand | black, 11.4 to 1 |
| 27 | `#ccb299` | `oklch(78.02% 0.0464 66.80)` | Tawny Tan | black, 10.4 to 1 |
| 28 | `#c3a894` | `oklch(74.98% 0.0429 58.73)` | Adobe Straw | black, 9.3 to 1 |
| 29 | `#b89a8c` | `oklch(70.90% 0.0414 47.19)` | Cinnamon Roast | black, 8 to 1 |
| 30 | `#ab8b83` | `oklch(66.38% 0.0411 34.13)` | Forest Trail | black, 6.7 to 1 |
| 31 | `#9f7e7c` | `oklch(62.28% 0.0413 22.17)` | Brandied Apple | black, 5.7 to 1 |
| 32 | `#967577` | `oklch(59.45% 0.0413 13.94)` | March Pink | black, 5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #073669 0.0%, #1e3365 3.2%, #2e305d 6.5%, #392e53 9.7%, #422f4c 12.9%, #4d334a 16.1%, #5c3949 19.4%, #6c4148 22.6%, #7c4c46 25.8%, #895846 29.0%, #966549 32.3%, #a3724f 35.5%, #b17f55 38.7%, #be8c5d 41.9%, #c89964 45.2%, #d1a66d 48.4%, #d9b176 51.6%, #e0bb7f 54.8%, #e4c387 58.1%, #e7c98d 61.3%, #e8cc93 64.5%, #e7cd98 67.7%, #e6cc9a 71.0%, #e2c99c 74.2%, #dcc39c 77.4%, #d5bb9b 80.6%, #ccb299 83.9%, #c3a894 87.1%, #b89a8c 90.3%, #ab8b83 93.5%, #9f7e7c 96.8%, #967577 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.1006 254.53) 0.0%, oklch(33.36% 0.0919 264.83) 3.2%, oklch(33.10% 0.0791 279.43) 6.5%, oklch(33.14% 0.0658 296.42) 9.7%, oklch(33.95% 0.0560 313.92) 12.9%, oklch(35.94% 0.0528 331.00) 16.1%, oklch(39.05% 0.0549 350.10) 19.4%, oklch(42.85% 0.0600 9.58) 22.6%, oklch(46.95% 0.0660 27.25) 25.8%, oklch(50.95% 0.0708 40.95) 29.0%, oklch(55.09% 0.0753 50.06) 32.3%, oklch(59.46% 0.0800 56.07) 35.5%, oklch(63.79% 0.0844 60.38) 38.7%, oklch(67.83% 0.0876 64.42) 41.9%, oklch(71.51% 0.0892 69.03) 45.2%, oklch(75.08% 0.0898 73.26) 48.4%, oklch(78.36% 0.0893 76.92) 51.6%, oklch(81.13% 0.0881 79.91) 54.8%, oklch(83.19% 0.0862 82.15) 58.1%, oklch(84.64% 0.0834 83.89) 61.3%, oklch(85.53% 0.0798 85.00) 64.5%, oklch(85.83% 0.0756 85.14) 67.7%, oklch(85.53% 0.0710 83.98) 71.0%, oklch(84.54% 0.0655 81.48) 74.2%, oklch(82.87% 0.0588 77.87) 77.4%, oklch(80.65% 0.0520 73.03) 80.6%, oklch(78.02% 0.0464 66.80) 83.9%, oklch(74.98% 0.0429 58.73) 87.1%, oklch(70.90% 0.0414 47.19) 90.3%, oklch(66.38% 0.0411 34.13) 93.5%, oklch(62.28% 0.0413 22.17) 96.8%, oklch(59.45% 0.0413 13.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.101 | 254.5 |
| 2 | 0.346 | 0.054 | 321.1 |
| 3 | 0.504 | 0.07 | 399.3 |
| 4 | 0.689 | 0.088 | 425.7 |
| 5 | 0.827 | 0.087 | 441.6 |
| 6 | 0.854 | 0.07 | 443.7 |
| 7 | 0.764 | 0.044 | 422.6 |
| 8 | 0.594 | 0.041 | 373.9 |

## In these collections

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

## Other forms

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