Fove
All palettes

Black field, orange pulse

Signal Black

Direct, graphic, and memorable, with no wasted color.

Launch pagesPortfolio systemsEvent identities
Open in editor

Palette story

Signal Black

#0A0A0A
Color 1
#1F1F1F
Color 2
#FF7A00
Color 3
#F5F1EA
Color 4

Signal Black is built around restraint. Most of the palette is black, charcoal, and ivory; the orange does not need to compete because it is the only true signal. That makes the palette extremely useful for designs that need immediate hierarchy.

The danger with high-contrast palettes is theatrical excess. Signal Black works best when the layout stays disciplined: large type, generous negative space, and orange used as a flare rather than a fill. In gradients, the orange can become a moving light source while black provides the canvas.

How to use it

Use black and charcoal for full-screen surfaces, ivory for readable content, and orange for the one thing the viewer should notice first. For slides, this palette is excellent for chapter dividers and punchy title cards.

Color story

The palette feels like a dark room with a single indicator light. It suggests equipment, music venues, night launches, and products that would rather be remembered than politely understood.

Live gradients

Put the palette to work.

Remix this palette

Hero background

A full-bleed field with enough motion for a landing page and enough restraint for text.

Split layout

Use the gradient as one half of the composition, then let white space carry the copy.

Feature pillars

Repeat the palette across cards so the page feels like one system, not separate moments.

Design system utility

Ramps, variables, and production handoff.

Use the editorial page for direction, then take the palette into product work with OKLCH ramps and CSS variables.

OKLCH ramps included
c1#0A0A0A
c2#1F1F1F
c3#FF7A00
c4#F5F1EA
Color 1 - signal-black-1#0A0A0A
Color 2 - signal-black-2#1F1F1F
Color 3 - signal-black-3#FF7A00
Color 4 - signal-black-4#F5F1EA