Deep blue-to-teal gradient evoking ocean depths. Ideal for finance, SaaS, and tech products that need to convey trust and professionalism.
Use an ocean depth gradient flowing from deep navy blue (#1E3A8A) through sky blue (#0EA5E9) to cyan/teal (#06B6D4) at a 180-degree angle (top to bottom). Apply to hero sections, sidebar backgrounds, and feature section dividers. For subtle usage, apply at 8-12% opacity as a background wash behind cards. Use the full-strength gradient for primary CTA buttons and progress bars. This gradient conveys depth, trust, and professional authority.