Fove
All colors

Horizon line blue

Ocean Blue

Open, dependable, and broad, with enough depth to avoid the usual corporate blue flatness.

Open in editorocean blue gradient

Gradient story

Ocean Blue

#2C7DB8
Open, dependable, spacious

Ocean blue gives a design a sense of distance. It can feel like sky, water, or a soft horizon depending on how the gradient is composed. That makes it a strong choice for onboarding, education, travel, and any page where the brand should feel dependable rather than urgent.

Avoid the flat corporate-blue trap by giving ocean blue a darker base and a pale atmospheric highlight. The result feels more like light moving through space than a generic brand block.

Design notes

Ocean blue works best with generous spacing, clear typography, and one warm accent. Sand, coral, and cream all help make the blue feel human.

Practical applications

Use ocean blue for product tours, course covers, destination pages, and slide decks where the story needs a calm opening frame.

Live applications

Build a whole visual system from one color.

Remix Ocean Blue

Background image

Use ocean blue as the emotional field, then place copy on the anchored side for contrast.

50/50 layout

Let the gradient carry one side of the page while white space keeps the content crisp.

Feature pillars

Repeat the same color logic across cards so a page feels consistent instead of assembled.

Slide cover

A reusable composition from the same color system.

Type field

A reusable composition from the same color system.

Social crop

A reusable composition from the same color system.

Open a ready-made variation

Each preview opens in the editor with the same base color, so you can tune rotation, ratio, texture, and export format.

Frequently asked

Where should I use a ocean blue gradient?

Ocean Blue works especially well for travel landing pages, education products, onboarding flows. Use it where a flat color would feel too static but a photo would be too specific.

What does a ocean blue gradient look good with?

Ocean Blue pairs naturally with #06223F and #B6DAF0. Use the darker pairing as the anchor for type and the lighter pairing as atmosphere so the gradient feels dimensional instead of flat.

How do I use a ocean blue gradient in Fove?

Open the gradient in the editor, choose a ratio for your slide, landing page, or social crop, then export PNG, JPG, SVG, or copy clean CSS. Raster exports can include texture for a more finished look.

Related colors

Palettes featuring Ocean Blue

Open it. Tune it. Export it.

Start with this ocean blue gradient, then adjust texture, intensity, rotation, and aspect ratio for your exact slide or page.

Open ocean blue in the editor

See all gradient colors (24) or browse curated palettes.