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 | Notes & Info | |
|---|---|---|---|---|---|
| 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%) |