Color Flow Background
Smoothly morphing background that flows between colors using animated gradient position.
Adjust the preview
Every choice updates the preview and the wording below.
Color Palette
Speed
Direction
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a color flow background using the ocean blues palette that animates at medium 6s speed. Flow direction should be diagonal. Use a large 400% background-size linear-gradient animating its background-position to produce a seamless, continuously morphing color flow suitable for hero sections and landing pages.
Paste it into Claude, Cursor, or v0 along with the context for your project.