Fove
All colors

Dark mode with light

Charcoal

Near-black depth with ambient movement, built for focus and high contrast.

Open in editorcharcoal gradient

Gradient story

Charcoal

#262626
Premium, technical, focused

Charcoal is the better version of black for most digital work. It keeps the focus and contrast of dark mode, but it can carry subtle temperature shifts that make a page feel lit. In a gradient, charcoal should move slowly: a warm edge, a cool shadow, a small glow.

Because the color is dark, it is generous to typography. White text, pale gray UI, and small accent colors all sit comfortably on top.

Design notes

Use charcoal when the design should feel focused, technical, or premium. It is ideal for product screenshots and hardware-inspired pages.

Practical applications

Try charcoal for developer tool heroes, dark launch pages, product detail sections, and title slides where contrast matters more than color volume.

Live applications

Build a whole visual system from one color.

Remix Charcoal

Background image

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

Is a charcoal gradient readable behind text?

Yes, if the text is placed on the darker or calmer region of the gradient. In Fove, Charcoal is paired with #000000 for contrast and #737373 for lift, so you can tune the background around real copy.

What does a charcoal gradient look good with?

Charcoal pairs naturally with #000000 and #737373. 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 charcoal 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

Open it. Tune it. Export it.

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

Open charcoal in the editor

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