Ocean Depth

Deep blue-to-teal gradient evoking ocean depths. Ideal for finance, SaaS, and tech products that need to convey trust and professionalism.

coolelegantminimalfinancesaastech

Gradient Preview

Start#1E3A8A

Mid#0EA5E9

End#06B6D4

Angle180deg

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

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.

Gradient

Ocean Depth

Deep blue-to-teal gradient evoking ocean depths. Ideal for finance, SaaS, and tech products that need to convey trust and professionalism.

coolelegantminimalfinancesaastech

Gradient Preview

Start#1E3A8A

Mid#0EA5E9

End#06B6D4

Angle180deg

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

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.

Back to Explore

Gradient

4 export formats

Ocean Depth

Deep blue-to-teal gradient evoking ocean depths. Ideal for finance, SaaS, and tech products that need to convey trust and professionalism.

coolelegantminimalfinancesaastech

Gradient Preview

Start#1E3A8A

Mid#0EA5E9

End#06B6D4

Angle180deg

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

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.

Gradient

Ocean Depth

Deep blue-to-teal gradient evoking ocean depths. Ideal for finance, SaaS, and tech products that need to convey trust and professionalism.

coolelegantminimalfinancesaastech

Gradient Preview

Start#1E3A8A

Mid#0EA5E9

End#06B6D4

Angle180deg

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

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.