#EEA2A2
#BBC1BF
#57C6E1
#B49FDA
#7AC5D8
Linear CSS gradient
Shy Rainbow
Shy Rainbow runs sweeping from left to right, blending blush pink (#EEA2A2), light gray (#BBC1BF), cyan (#57C6E1), lilac (#B49FDA), and cyan (#7AC5D8) in a smooth 5 colour stops linear CSS gradient.
Clean and composed, the cool tones project clarity and analytical reliability without feeling cold.
Works well for SaaS marketing pages, corporate intranets, productivity tools. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#EEA2A2rgb(238, 162, 162)
#BBC1BFrgb(187, 193, 191)
#57C6E1rgb(87, 198, 225)
#B49FDArgb(180, 159, 218)
#7AC5D8rgb(122, 197, 216)
CSS code
background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);