Fove
All colors

Warm editorial energy

Coral

Coral heat balanced by ink and pale shell, designed to feel vivid but usable.

Open in editorcoral gradient

Gradient story

Coral

#FF6B5B
Vibrant, energetic, optimistic

Coral has the energy of red without the alarm. It is warm, social, and optimistic, which makes it a strong choice for travel, fashion, activity, and campaign work. The secret is to pair it with something deeper than another warm tone.

A dark teal, ink blue, or charcoal anchor gives coral a sophisticated edge. In gradient form, that contrast creates a lively surface that still supports readable text and UI controls.

Design notes

Coral works well when a page needs motion and warmth. It should be used with restraint in product UI, but it can carry a full campaign page beautifully.

Practical applications

Use coral for hero backgrounds, social launch images, slide covers, event pages, and feature cards that need a confident warm signal.

Live applications

Build a whole visual system from one color.

Remix Coral

Background image

Use coral 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

What does a coral gradient look good with?

Coral pairs naturally with #0E2A38 and #F9E1D4. Use the darker pairing as the anchor for type and the lighter pairing as atmosphere so the gradient feels dimensional instead of flat.

Which colors should I avoid pairing with coral?

Avoid nearby colors with the same lightness unless you want a very low-contrast wash. Coral usually looks stronger when one paired color is clearly darker or lighter than the base color.

How do I use a coral 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 Coral

Open it. Tune it. Export it.

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

Open coral in the editor

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