Winter palette: frost, pine and candlelight
Frost, pine, candlelight, cranberry and midnight. Festive without the red and green of a supermarket sign.
Color palette
Winter palette: frost, pine, candlelight
Frost#E6F0F3
230, 240, 243
230, 240, 243
Pine#1F4D3A
31, 77, 58
31, 77, 58
Candlelight#F3C66B
243, 198, 107
243, 198, 107
Cranberry#A3263A
163, 38, 58
163, 38, 58
Midnight#16213A
22, 33, 58
22, 33, 58
Sundry Millsundrymill.com/library
The 5 colours
-
Frost
A cold white for backgrounds.
-
Pine
A deep evergreen.
-
Candlelight
Warm gold, for lights and stars.
-
Cranberry
A deep holiday red.
-
Midnight
A blue black for text and night skies.
Copy them all
CSS variables
:root {
--frost: #E6F0F3;
--pine: #1F4D3A;
--candlelight: #F3C66B;
--cranberry: #A3263A;
--midnight: #16213A;
}Tailwind v4 @theme
@theme {
--color-frost: #E6F0F3;
--color-pine: #1F4D3A;
--color-candlelight: #F3C66B;
--color-cranberry: #A3263A;
--color-midnight: #16213A;
}Hex list
#E6F0F3, #1F4D3A, #F3C66B, #A3263A, #16213AText that reads
Pairs from this palette that pass WCAG AA contrast for body text (4.5:1 or more).
- Midnight on Frost13.8:1 AAA
- Midnight on Candlelight10.0:1 AAA
- Pine on Frost8.3:1 AAA
- Cranberry on Frost6.3:1 AA
- Pine on Candlelight6.0:1 AA
- Cranberry on Candlelight4.5:1 AA
In use
How to use it
- Frost and Midnight are the base pair: light page, dark text, or the other way round for a night scene.
- Pine and Cranberry are the holiday colours. Use them for shapes and headings, with Frost text on top.
- Candlelight is the glow. Keep it small, like fairy lights, and it will feel warm.
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.
