Flat Design color interpretation

iOS 7

Jony Ive's reset: gradient-free icons and thin Helvetica

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

Omoro Spectrolab · Color Analysis Sampling Live
PaletteiOS 7
Batch028-IS
Pigments0 / 5 Sampled
MoodJony Ive's reset: grad
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record028-IS / 5 PULLS

jony ive's reset: gradient-free icons and thin helvetica

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
#1A1A1ADark Label
#007AFFSystem Blue
#34C759Success Green
#FF3B30Alert Red
#F2F2F7Background
Color Psychology

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

authorityrestraintsophisticationtruststabilitycalm
Dark Label#1A1A1A

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

System Blue#007AFF

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

Success Green#34C759

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

Alert Red#FF3B30

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

Background#F2F2F7

Background a pale lavender-blue, introspection turned gentle and dreamlike.

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
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 iOS 7
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 iOS 7 color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Dark Label: #1A1A1A
  2. System Blue: #007AFF
  3. Success Green: #34C759
  4. Alert Red: #FF3B30
  5. Background: #F2F2F7
What mood does the iOS 7 color palette convey?

Jony Ive's reset: gradient-free icons and thin Helvetica

Is iOS 7 related to Flat Design?

Yes. iOS 7 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 iOS 7 palette?

Hex codes

  1. #1A1A1A
  2. #007AFF
  3. #34C759
  4. #FF3B30
  5. #F2F2F7

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