Flat Design color interpretation

Metro Tile

Windows 8 start screen: bold tile, bold type, no ornament

This is one of several color interpretations commonly associated with Flat Design.

Omoro Spectrolab · Color Analysis Sampling Live
PaletteMetro Tile
Batch032-MT
Pigments0 / 5 Sampled
MoodWindows 8 start screen
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record032-MT / 5 PULLS

windows 8 start screen: bold tile, bold type, no ornament

Sampled Pigment- - - - - -
Awaiting SampleRGB - · - · -
● SENSOR OKHEX COPIED ✓
Export Tray - Digitized SwatchesEMPTY
SLOT 01
SLOT 02
SLOT 03
SLOT 04
SLOT 05
On a photo
Flat Design plate
Hex Reference
#1A1A1ATile Dark
#0078D7Windows Blue
#107C10Xbox Green
#FFB900Office Gold
#F3F3F3Light Surface
Color Psychology

Tile Dark sets the weight of the palette in authority and restraint, and Windows Blue is the swatch that breaks rank: a single blue that stops the set reading as one note. Tile Dark to Light Surface spans 85 points of lightness, so the palette can carry its own hierarchy without reaching for a second one. Office Gold and Windows Blue sit on opposite sides of the temperature line, which is the tension the palette runs on and the pair to hold apart.

authorityrestraintsophisticationtruststabilitycalm
Tile Dark#1A1A1A

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

Windows Blue#0078D7

Windows Blue an electric or cobalt blue: trust with real conviction, confident rather than passive.

Xbox Green#107C10

Xbox Green an emerald or kelly green: vitality turned all the way up, confident and alive.

Office Gold#FFB900

Office Gold an electric, high-visibility yellow: caution and euphoria share the same wavelength here.

Light Surface#F3F3F3

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

The Aesthetic

Zero dimension, bold fills, and geometric clarity - the design language that stripped the digital world of its shadows and gradients

Explore the full Flat Design style guideIts decade on the timeline · 2010s
More Flat Design Interpretations
Flat Design
Zero shadows, solid fills, geometric clarity
iOS 7
Jony Ive's reset: gradient-free icons and thin Helvetica
Material Surface
Google Material: elevation through shadow, colour through intent
Related Palettes
Vector Minimalism
Swiss / International
Corporate Memphis
Build a look with Metro Tile
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 Metro Tile color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Tile Dark: #1A1A1A
  2. Windows Blue: #0078D7
  3. Xbox Green: #107C10
  4. Office Gold: #FFB900
  5. Light Surface: #F3F3F3
What mood does the Metro Tile color palette convey?

Windows 8 start screen: bold tile, bold type, no ornament

Is Metro Tile related to Flat Design?

Yes. Metro Tile is one of several color interpretations commonly associated with the Flat Design aesthetic. Each interpretation captures a distinct emotional register within the same visual world.

What are the hex codes for the Metro Tile palette?

Hex codes

  1. #1A1A1A
  2. #0078D7
  3. #107C10
  4. #FFB900
  5. #F3F3F3

Generate images in the metro tile 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