Gradient Sunset

5 colors · Femininity, transformation and expression
← All palettes

Palette colors

Rosy Coral
#FF9A8B · rgb(255,154,139) · hsl(8°,100%,77%)
Salmon Pink
#FF6A88 · rgb(255,106,136) · hsl(348°,100%,71%)
Flamingo Pink
#FF99AC · rgb(255,153,172) · hsl(349°,100%,80%)
Steel Blue
#BDC2E8 · rgb(189,194,232) · hsl(233°,48%,83%)
Pale Violet
#E0C3FC · rgb(224,195,252) · hsl(271°,90%,88%)

CSS Code


    

Using the Gradient Sunset palette in design

The Gradient Sunset palette evokes femininity, transformation and expression. It consists of 5 colors selected for their visual harmony. Use it for web interfaces, print materials, presentations or visual identities. The dominant color Rosy Coral (#FF9A8B) can serve as primary color, with the following hues as secondary and neutral variants. Copy the HEX codes or CSS variables directly into your Figma, Tailwind or stylesheet project.

Psychology and usage of the palette

In color psychology, a palette evoking femininity, transformation and expression directly influences the emotional perception of your audience. The 5 colors of the Gradient Sunset palette are arranged in a harmonious progression — ideal for backgrounds, typography and interface elements. Always check the WCAG contrast of your text on each of these colors to ensure accessibility.

Information
Average color
#ECA0BA
Colors 5
Dom. hue 339°
Avg. saturation 67%
Avg. lightness 78%
Tone Light
Quick export