What are the Chrome developer-tools highlight colors?

The colors represent the areas of elements corresponding to the CSS box-model.

• Blue is the content
• Green is the padding
• Orange is the border
• Red is the margin

(The choice of similar shades of orange and red are probably not the best.)

You can see this in the Metrics section of the developer tools (which is hidden by default):