Accessible CSS Gradient Generator

Light Summer Palettes

A delicate, cool, and luminous palette inspired by misty mornings and soft watercolor tones. It prioritizes low-contrast, breezy, and highly refreshing hues that feel premium and spacious. Tip: Use the Light Summer palette for apps focused on wellness, lifestyle, or clean SaaS interfaces.

Ethereal Morning

#5B84B1

#9FA8DA

#F4A7B9

#A3E4D7

#F0F4F8

Build a gradient from this palette

Misty Orchard

#7E9AA7

#B9C0DA

#E8B4B8

#CADBB7

#F5F7FA

Build a gradient from this palette

Watercolor Coast

#6C8EA4

#A1C6EA

#E2C2C6

#BEE3DB

#F8F9FA

Build a gradient from this palette

Lavender Breeze

#8A91B4

#B3B7EE

#F1C0C1

#C5E3E6

#F1F5F9

Build a gradient from this palette

Breezy Meadow

#7597A1

#ACBED8

#E8C7C8

#D2E5D0

#F9FBFB

Build a gradient from this palette