Fove
All palettes

Primary logic, warm paper

Bauhaus 26

Graphic, architectural, and assertive.

Conference decksDesign portfoliosEditorial identities
Open in editor

Palette story

Bauhaus 26

#F2EBDC
Color 1
#E0A526
Color 2
#C8432C
Color 3
#1A1A1A
Color 4
#2E3A8C
Color 5

Bauhaus 26 is a modernist palette with warmth. It uses ivory instead of white, ochre instead of pure yellow, brick instead of primary red, black for structure, and indigo for tension. The result feels graphic without becoming a history lesson.

This palette wants confident layout. It looks best with strong alignment, big type, geometric blocks, and gradients that introduce movement without dissolving the composition. The colors are bold enough to stand alone, so the design should avoid unnecessary decoration.

How to use it

Use ivory as the canvas, black as the organizing line, and the three chromatic colors as spatial decisions. In gradients, let the colors meet with a little harder cutover or directional field; too much blur can make the palette less architectural.

Color story

The palette feels like a poster found in an archive and rebuilt for a screen. It has discipline, but it is not cold. The warmth is what keeps it contemporary.

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#F2EBDC
c2#E0A526
c3#C8432C
c4#1A1A1A
Color 1 - bauhaus-26-1#F2EBDC
Color 2 - bauhaus-26-2#E0A526
Color 3 - bauhaus-26-3#C8432C
Color 4 - bauhaus-26-4#1A1A1A
Color 5 - bauhaus-26-5#2E3A8C