True Summer Color Palette

A selection of true summer color options with their corresponding RGB, HEX, and HSL values.

Using Summer Color Codes in Web Design

True Summer palettes rely on cool, muted, and soft undertones like seafoam green, dusty rose, slate blue, and soft plum. These desaturated shades reduce visual fatigue, making them suited for content-heavy sites, dashboard interfaces, and calm editorial layouts.

Colour name	Hex code	RGB value	HSL value
Soft Rose	`#D8A7B1`	`rgb(216, 167, 177)`	`hsl(348, 38%, 75%)`
Dusty Pink	`#C98E9D`	`rgb(201, 142, 157)`	`hsl(345, 35%, 67%)`
Cool Blush	`#E8C7CF`	`rgb(232, 199, 207)`	`hsl(345, 42%, 85%)`
Lavender	`#B8A9D9`	`rgb(184, 169, 217)`	`hsl(259, 39%, 76%)`
Soft Lilac	`#C9B7E5`	`rgb(201, 183, 229)`	`hsl(263, 47%, 81%)`
Periwinkle	`#AEBCEB`	`rgb(174, 188, 235)`	`hsl(226, 60%, 80%)`
Powder Blue	`#B9D6E8`	`rgb(185, 214, 232)`	`hsl(203, 50%, 82%)`
Sky Blue	`#91C5E8`	`rgb(145, 197, 232)`	`hsl(204, 66%, 74%)`
Slate Blue	`#6F8FB8`	`rgb(111, 143, 184)`	`hsl(214, 33%, 58%)`
Seafoam	`#B8D9CF`	`rgb(184, 217, 207)`	`hsl(162, 31%, 79%)`
Sage Green	`#A8B89A`	`rgb(168, 184, 154)`	`hsl(92, 18%, 66%)`
Cool Mint	`#CDE7DC`	`rgb(205, 231, 220)`	`hsl(155, 35%, 85%)`
Soft Teal	`#7FAEB3`	`rgb(127, 174, 179)`	`hsl(186, 25%, 60%)`
Mauve	`#A97D9C`	`rgb(169, 125, 156)`	`hsl(318, 20%, 58%)`
Berry	`#8F6C86`	`rgb(143, 108, 134)`	`hsl(315, 14%, 49%)`
Soft Navy	`#4F647F`	`rgb(79, 100, 127)`	`hsl(214, 23%, 40%)`

Other Seasonal Palettes

Fall / Autumn Colors Soft Autumn Colors Dark Autumn Colors Red Autumn Colors

More Colors with RGB, HEX, and HSL values

Yellow Colors Green Colors Pink Colors Brown Colors

Related Color Tools

RGB to HEX HEX to RGB RGB to HSL HEX to HSL HSL to HEX RGB to CMYK

Looking for more color tools? Browse all Color Tools for color codes, converters, shade references, and other color resources.