#3B41C5
#A981BB
#FFC8A9
Linear CSS gradient
#114 New Retrowave Gradient
New Retrowave is a smooth linear CSS gradient flowing upward from bottom to top, built from cornflower blue (#3B41C5), violet (#A981BB), and peach (#FFC8A9) across 3 colour stops.
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
#3B41C5rgb(59, 65, 197)
#A981BBrgb(169, 129, 187)
#FFC8A9rgb(255, 200, 169)
CSS code
background-image: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);