• Metro Colors

  • HEX
  • RGB
  • HSL

Metro UI and metro colors have gained a huge popularity across web and graphic designers and even Apple decided to create flat design UI for its mobile operating system since iOS7.

There are several metro color combinations and we decided to create a list of the most popular ones used in design. This resource also includes various color codes for use in any application, website or even text document. 

How to use

  • Select color
  • Click a color block to display, copy and add it to last used pallete.
  • View color
  • Click Sample Color to view more color pallete
  • Generate color code
  • Click to generate color code
    • Lime
    • Green
    • Emerald
    • Teal
    • Cyan
    • Cobalt
    • Indigo
    • Violet
    • Pink
    • Magenta
    • Crimson
    • Red
    • Orange
    • Amber
    • Yellow
    • Brown
    • Olive
    • Steel
    • Mauve
    • Sienna