Fove
All palettes

Navy hour, ember light

Atlas Dusk

Strategic, cinematic, and precise, with enough warmth to avoid corporate coldness.

SaaS hero sectionsInvestor decksProduct launches
Open in editor

Palette story

Atlas Dusk

#0B1D3A
Color 1
#1E3A5F
Color 2
#E2683C
Color 3
#F2B441
Color 4
#F1ECE0
Color 5

Atlas Dusk feels like the moment after sunset when the city lights begin to appear. The palette has discipline: navy and indigo establish trust, ember orange adds motion, ochre creates warmth, and bone gives the system a clean editorial base.

This is a strong palette for products that need to look credible quickly. It can carry pricing pages, launch graphics, dashboard previews, and keynote covers without drifting into generic blue software design. The warm colors are important. They prevent the navy from feeling flat and make the gradients feel lit from within.

How to use it

For interface work, use navy as the structural color and reserve ember for decisive moments: primary actions, chart highlights, launch badges, or the brightest area of a gradient. In slides, Atlas Dusk works best when the warm colors appear as a directional glow, almost like a lamp across a dark table.

Color story

The palette reads like a map room at night: dark paper, brass edges, warm marks, and ivory labels. That story makes it useful for strategy, finance, planning, and serious creative tools.

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#0B1D3A
c2#1E3A5F
c3#E2683C
c4#F2B441
Color 1 - atlas-dusk-1#0B1D3A
Color 2 - atlas-dusk-2#1E3A5F
Color 3 - atlas-dusk-3#E2683C
Color 4 - atlas-dusk-4#F2B441
Color 5 - atlas-dusk-5#F1ECE0