Autumn palette: 5 warm hex codes
Mulled wine, rust, gold, moss and oat. Warm enough for October, calm enough to carry a whole website.
Color palette
Autumn palette: 5 warm hex codes
Mulled Wine#7A2E3A
122, 46, 58
122, 46, 58
Rust#B4532A
180, 83, 42
180, 83, 42
Harvest Gold#D8A13A
216, 161, 58
216, 161, 58
Moss#5F6B3A
95, 107, 58
95, 107, 58
Oat Milk#EDE0C8
237, 224, 200
237, 224, 200
Sundry Millsundrymill.com/library
The 5 colours
-
Mulled Wine
A deep berry red, dark enough for text.
-
Rust
The autumn orange, browned like a leaf.
-
Harvest Gold
Warm yellow with some brown in it.
-
Moss
A muted green that keeps the warm ones from shouting.
-
Oat Milk
A soft cream for backgrounds.
Copy them all
CSS variables
:root {
--mulled-wine: #7A2E3A;
--rust: #B4532A;
--harvest-gold: #D8A13A;
--moss: #5F6B3A;
--oat-milk: #EDE0C8;
}Tailwind v4 @theme
@theme {
--color-mulled-wine: #7A2E3A;
--color-rust: #B4532A;
--color-harvest-gold: #D8A13A;
--color-moss: #5F6B3A;
--color-oat-milk: #EDE0C8;
}Hex list
#7A2E3A, #B4532A, #D8A13A, #5F6B3A, #EDE0C8Text that reads
Pairs from this palette that pass WCAG AA contrast for body text (4.5:1 or more), then a few that pass for large headlines only (3:1).
- Mulled Wine on Oat Milk7.1:1 AAA
- Moss on Oat Milk4.4:1 large text
- Mulled Wine on Harvest Gold4.0:1 large text
- Rust on Oat Milk3.8:1 large text
In use
How to use it
- Oat Milk is the background and Mulled Wine or Moss the text. Rust and Harvest Gold are the accents: a button, an underline, a sticker.
- Big headlines can sit on Harvest Gold. For body text stay on Oat Milk, where both dark colours pass easily.
- For photos, this palette suits warm light: pull the whites of the image toward Oat Milk and it will sit well next to the colours.
Making a music or podcast clip? Wayvl takes a wave colour and a background colour, so two of these codes are all it needs.
Free to use in personal and commercial work. No credit needed, though a link back is always nice.
