Pastel Diagonal Rainbow Stripe Drift

Mood and Aesthetic

This background brings a calm, dreamy feeling to any design. The soft pastel colors blend together in smooth diagonal stripes, creating a gentle flow that feels fresh and modern. The rainbow palette stays light and muted, so it never feels overwhelming or too bright. Instead, you get a subtle gradient effect that catches the eye without demanding attention. The diagonal direction adds a sense of movement and energy, while the pastel tones keep everything soft and approachable. It feels playful yet professional, like a warm sunset turned into stripes.

Use Cases

This background works well in many different projects. Here are some places it fits best:

• Hero sections on websites that need a colorful but gentle backdrop
• Social media graphics and Instagram posts
• Presentation slides and pitch decks
• Mobile app backgrounds and splash screens
• Product landing pages and feature sections
• Newsletter headers and email campaign visuals
• Portfolio pages and creative agency sites

The soft colors make it easy to add text or overlays on top without fighting for attention.

Technical Notes

The visual uses CSS gradient layering to create the diagonal rainbow stripes. Multiple gradient layers are stacked on top of each other, each using a different pastel color from the rainbow spectrum. The angle is set to 45 degrees to achieve the diagonal drift effect. Soft color stops blend the transitions between each stripe, creating that smooth, flowing look. The result is a lightweight, scalable background that loads instantly and looks sharp on any screen size. Unlike image files, this CSS background can be easily customized by changing color values or adjusting the angle to match any brand or project.