What are Color Palettes?

In your Brand Assets folder under Brand Kit, you can add all of your brand’s colors and create palettes to keep them organized. You can have 6 colors per palette and as many palettes as you like.

Colors are added as HEX codes, RGB, CMYK or HSV which you can change from the drop-down menu after you press the + symbol or you click on a color.

What are these?
A HEX code (short for hexadecimal code) is usually seen in website code. This setting useful to make sure you set the exact color that any browser recognizes for a website or an app. For example, pure white is coded as #ffffff and pure black is #000000. You can have millions of color variations with a mix of 6 numbers and letters.

RGB is the Red, Green and Blue version of a color and it is what you use to see a color on a screen because they use tiny red, green and blue pixels of light to show colors. These numbers range from 0 to 255 and you can create millions of combinations by adjusting each one. For example, pure white is R255, G255 and B255 and pure black is R0, G0 and B0.

CMYK stands for Cyan, Magenta, Yellow and Key (the printer’s term for Black). These are the colors that are traditionally used by an ink printer to produce printed paper materials. You can convert your on-screen RGB or HEX color to CMYK in your Brand Assets, but it is really important to realize the printed result will be very different to what you see on your screen. One is made with light and one is made with physical ink. Bright colors like orange and bright green will appear much duller on the printed paper. Just something to bear in mind. The numbers range from 0 to 100 which is actually the percentage of the ink required to make that color. For example, pure black is C0, M0, Y0, K100.

HSV means Hue, Saturation and Value. Hue changes the actual color, Saturation changes the strength of that color and Value is the brightness of that color.
This is a bit like RGB, but you can adjust the darkness and lightness of any color without changing the hue. For example, if you choose a blue color, you can slide the Value bar to make it lighter or darker and the actual color stays the same. Numbers range from 0 to 100. For example, pure white is H0, S0, V100 and pure black is H0, S0, V0.

If you only have a Pantone (PMS) color for your brand, you can see what the equivalent codes are on their Pantone Color Finder website.