Font Mixing color interpretation

Type Hierarchy

Display, text, and mono: three voices in strict vertical rhythm

This is one of several color interpretations commonly associated with Font Mixing.

Omoro Spectrolab · Color Analysis Sampling Live
PaletteType Hierarchy
Batch039-TH
Pigments0 / 5 Sampled
MoodDisplay
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record039-TH / 5 PULLS

display, text, and mono: three voices in strict vertical rhythm

Sampled Pigment- - - - - -
Awaiting SampleRGB - · - · -
● SENSOR OKHEX COPIED ✓
Export Tray - Digitized SwatchesEMPTY
SLOT 01
SLOT 02
SLOT 03
SLOT 04
SLOT 05
On a photo
Font Mixing plate1 / 6
Hex Reference
#141414Display
#3A3A3AText Dark
#787878Caption
#B8B8B8Muted
#F5F5F5White Space
Color Psychology

Display sets the weight of the palette in authority and sophistication, and Text Dark is the swatch that breaks rank: a single charcoal that stops the set reading as one note. Display to White Space spans 88 points of lightness, so the palette can carry its own hierarchy without reaching for a second one. Saturation averages 0 percent, so close to grey that Display reads as a colour accent purely by being the least grey thing present.

authoritysophisticationpowergravityrestraintneutrality
Display#141414

Display reads as pure authority: sophistication, power, and the visual weight that makes everything placed near it feel more serious.

Text Dark#3A3A3A

Text Dark is black's softer relative, still authoritative, but with enough warmth to feel considered rather than severe.

Caption#787878

Caption is true neutrality, balance and restraint, a color that recedes so the palette's other choices can carry the emotional weight.

Muted#B8B8B8

Muted functions as quiet breathing room, understated, unobtrusive, built to let other colors do the talking.

White Space#F5F5F5

White Space reads as purity and openness, the color of empty space, clarity, and things left deliberately unresolved.

The Aesthetic

Intentional typeface clashing - multiple voices on one page, editorial collision as aesthetic principle, David Carson and Stefan Sagmeister as guiding spirits

Explore the full Font Mixing style guideIts decade on the timeline · 1960s
More Font Mixing Interpretations
Font Mixing
Intentional typeface clashing, type as primary design
Editorial Clash
Serif meets grotesque: intentional collision on the cover
Mixed Weight
Hairline beside ultra-bold: contrast as primary graphic device
Related Palettes
90s Editorial
Collage
Japanese Graphic
Build a look with Type Hierarchy
Not quite the palette you need? Generate your ownExtract from an image or build from a color wheel. Free
About This Palette
What colors are in the Type Hierarchy color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Display: #141414
  2. Text Dark: #3A3A3A
  3. Caption: #787878
  4. Muted: #B8B8B8
  5. White Space: #F5F5F5
What mood does the Type Hierarchy color palette convey?

Display, text, and mono: three voices in strict vertical rhythm

Is Type Hierarchy related to Font Mixing?

Yes. Type Hierarchy is one of several color interpretations commonly associated with the Font Mixing aesthetic. Each interpretation captures a distinct emotional register within the same visual world.

What are the hex codes for the Type Hierarchy palette?

Hex codes

  1. #141414
  2. #3A3A3A
  3. #787878
  4. #B8B8B8
  5. #F5F5F5

Generate images in the type hierarchy palette

Omoro reads your visual references and generates in your world. Drop in images with this palette and it extracts the DNA automatically.

Join the waitlist