โ† All palettes  /  Summer Solstice 2026

Holiday

โ˜€๏ธ Summer Solstice Color Palette 2026

Full solar yellow, warm amber, sky blue at noon, and the vivid green of midsummer โ€” the palette of maximum light.

2025 2026 2027

The summer solstice is the opposite of the winter โ€” the longest day, the shortest night, the moment when the sun reaches its highest point in the sky. It has been celebrated across cultures for millennia: Stonehenge at sunrise, the bonfires of the Celtic Litha, the Scandinavian Midsommar, the ancient Egyptian alignment of temples. The palette is the palette of full solar noon: the intense, almost white yellow of the sun at its highest, the warm amber of the light in the afternoon, the deep sky blue of a cloudless day, the vivid green of vegetation at its most lush. It is the most confident palette in the calendar โ€” no shadows, no hesitation, colour at its full amplitude.

The 5 colors

#dccb4c

RGB(220, 203, 76)  ยท  hsl(53, 67%, 58%)

vivid and light โ€” a yellow that reads as open.

Forged Border betwixt Aging โ†’

#eeb23a

RGB(238, 178, 58)  ยท  hsl(40, 84%, 58%)

This light orange sits at the vivid end of its family.

Measured Basin amid the Settling โ†’

#86c6f4

RGB(134, 198, 244)  ยท  hsl(205, 83%, 74%)

This very light blue sits at the vivid end of its family.

What Slender Bloom beneath Bejeweling โ†’

#28f054

RGB(40, 240, 84)  ยท  hsl(133, 87%, 55%)

vivid and light โ€” a green that reads as open.

What Earnest Border among Spanning โ†’

#ccc019

RGB(204, 192, 25)  ยท  hsl(56, 78%, 45%)

This medium yellow sits at the vivid end of its family.

What the Bog throughout Composed Lasting โ†’

CSS custom properties

:root {  --summer-solstice-1: #dccb4c;  --summer-solstice-2: #eeb23a;  --summer-solstice-3: #86c6f4;  --summer-solstice-4: #28f054;  --summer-solstice-5: #ccc019;}

More palettes