Accessible CSS Gradient Generator

Dusty Blue Palettes

Muted, sophisticated, and desaturated slate and slate-blue color palettes for calm and premium user interfaces.

Classic Slate

#4A6984

#6B8EAE

#90AEC6

#BACEDD

#E8ECEF

Build a gradient from this palette

Coastal Fog

#2C3E50

#5D7A93

#8AA4BA

#B2C7D9

#F4F7F9

Build a gradient from this palette

Twilight Linen

#3A4F66

#66829A

#A5CAD2

#D2E3E8

#FDFBF7

Build a gradient from this palette

Earthy Slate

#546E7A

#78909C

#90A4AE

#CFD8DC

#ECEFF1

Build a gradient from this palette

Winter Orchard

#455A64

#607D8B

#B0BEC5

#D7CCC8

#F5F5F5

Build a gradient from this palette

Nordic Breeze

#22313F

#4E6172

#7D94A6

#A3B9C9

#EAF0F4

Build a gradient from this palette