Advertise

Flat UI Colors

The 20 popular flat UI colors – Turquoise, Emerald, Peter River…

About Flat UI Colors

The well-known flat design palette of twenty bright and calm colors, each with its name, HEX and RGB code, ready to copy.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Web Safe ColorsThe classic 216 web-safe colors in one clickable chart. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades. HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. HEX to RGBConvert a HEX color code to RGB (and RGBA).