The classic flat design color palettes — the original 20 colors that defined a generation of UI design, plus extended regional palettes. Click any color to copy the hex code.
Turquoise
Green Sea
Emerald
Nephritis
Peter River
Belize Hole
Amethyst
Wisteria
Wet Asphalt
Midnight Blue
Sunflower
Orange
Carrot
Pumpkin
Alizarin
Pomegranate
Clouds
Silver
Concrete
Asbestos
Classic (Original 20)
American
British
Australian
Swedish
Indian
Flat UI colors emerged around 2013 alongside flat design — a reaction against skeuomorphic drop shadows and gradients. The original 20-color set was created by Designmodo and became one of the most widely copied design resources on the internet.
Each color is carefully desaturated to be vivid but not harsh. They pair well together because they share similar saturation and lightness levels — the deep version of each hue makes a strong pair with its lighter counterpart (Turquoise + Green Sea, Alizarin + Pomegranate).
The regional palettes (American, British, Australian, etc.) were added in Flat UI Colors 2.0. Each set has its own mood — the Australian palette leans vivid and playful while the Swedish palette emphasizes deep, muted blues.
These hex codes work in any web or design context. For tints and shades of any flat color, use our Tint & Shade Generator. To check text contrast on these backgrounds, use the Contrast Checker.