Flat Design

Zero shadows, solid fills, geometric clarity

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

Omoro Spectrolab · Color Analysis Sampling Live
PaletteFlat Design
Batch025-FD
Pigments0 / 5 Sampled
MoodZero shadows
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record025-FD / 5 PULLS

zero shadows, solid fills, geometric clarity

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
#FF7043Flat Orange
#FFA726Flat Amber
#66BB6AFlat Green
#4FC3F7Flat Blue
#212121Dark Label
Color Psychology

Flat Orange sets the weight of the palette in urgency and appetite, and Flat Amber is the swatch that breaks rank: a single orange that stops the set reading as one note. Saturation averages 66 percent with Flat Orange at the top, which is loud enough that the palette will fight anything else on the page. Flat Orange and Flat Blue sit on opposite sides of the temperature line, which is the tension the palette runs on and the pair to hold apart.

urgencyappetitepassionheatwarmthcreativity
Flat Orange#FF7043

Flat Orange reads as pure adrenaline: alarm, desire, the color of things that move fast.

Flat Amber#FFA726

Flat Amber a citrus-bright orange: enthusiasm, playfulness, an unmistakable call to attention.

Flat Green#66BB6A

Flat Green signals growth, balance, and permission, the color of go, of nature, of money in Western contexts.

Flat Blue#4FC3F7

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

Dark Label#212121

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

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
iOS 7
Jony Ive's reset: gradient-free icons and thin Helvetica
Material Surface
Google Material: elevation through shadow, colour through intent
Metro Tile
Windows 8 start screen: bold tile, bold type, no ornament
Related Palettes
Vector Minimalism
Swiss / International
Corporate Memphis
Build a look with Flat Design
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 Flat Design color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Flat Orange: #FF7043
  2. Flat Amber: #FFA726
  3. Flat Green: #66BB6A
  4. Flat Blue: #4FC3F7
  5. Dark Label: #212121
What mood does the Flat Design color palette convey?

Zero shadows, solid fills, geometric clarity

How do I use the Flat Design color palette?

Best applied to

  1. Tech startups and SaaS products
  2. Public sector and civic design
  3. Education platforms
What are the hex codes for the Flat Design palette?

Hex codes

  1. #FF7043
  2. #FFA726
  3. #66BB6A
  4. #4FC3F7
  5. #212121

Generate images in the flat design 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