Harvest Moon color palette
A big orange moon over a wheat field. Saddle brown #8B4513, copper #D2691E, goldenrod #DAA520, dark gold #B8860B and tan #CD853F are all warm and mid-toned, with no light tint and nothing close to black. That gives the set a dense, glowing quality. Orchards and pumpkin patches can use it for signage, and it carries over to Thanksgiving promotions.
Harvest Moon palette in use
Pair this set with a cream background and #8B4513 for headings and text. #D2691E makes the button color, and #DAA520 and #B8860B work for borders, icons and seasonal illustrations.
This pair measures 9.38:1, so it works for body text too. The button uses #D2691E with black text.
ButtonGood for
- Orchard farm stand
- Pumpkin patch flyer
- Fall wedding invitation
- Bakery holiday menu
Readable color pairs
Pairs from this palette with at least 3:1 contrast (WCAG 2). Use AA and AAA pairs for body text, and AA large pairs for headings 24px and up.
| Text | Background | Ratio | Rating |
|---|---|---|---|
#8B4513 | #DAA520 | 3.17:1 | AA large |
Harvest Moon palette as code
CSS variables
:root {
--harvest-moon-1: #8B4513;
--harvest-moon-2: #D2691E;
--harvest-moon-3: #DAA520;
--harvest-moon-4: #B8860B;
--harvest-moon-5: #CD853F;
}Tailwind v4
@theme {
--color-harvest-moon-1: #8B4513;
--color-harvest-moon-2: #D2691E;
--color-harvest-moon-3: #DAA520;
--color-harvest-moon-4: #B8860B;
--color-harvest-moon-5: #CD853F;
}Tailwind v3
// tailwind.config.js → theme.extend.colors
'harvest-moon': {
100: '#8B4513',
200: '#D2691E',
300: '#DAA520',
400: '#B8860B',
500: '#CD853F',
},SCSS
$harvest-moon-1: #8B4513;
$harvest-moon-2: #D2691E;
$harvest-moon-3: #DAA520;
$harvest-moon-4: #B8860B;
$harvest-moon-5: #CD853F;JSON
["#8B4513","#D2691E","#DAA520","#B8860B","#CD853F"]Named colors in this palette
The nearest named color to each swatch, with its meaning and matching colors.