All Color buttons are InstaButtons, so they follow the principles of operation of all InstaButtons.

The Font Color , the Background Color , and the Paragraph Background buttons invoke the Color dropdown dialog called Color Picker which is shown on the right.

As colorful as it may be, it is very simple. All you do here is pick a color from the available palettes. At the top, you have 8 pages, each with 2 palettes: the color palette at the top and the grayscale one beneath it. Further down, there's a Custom Colors palette.  Finally, in the bottom-left corner there's a shy micro-palette with a single not-even-a-color called None. More on these two later.

At the bottom you will see a preview that gets updated as you move the mouse over the palettes. Wherever the mouse pointer changes to a crosshair, you can click on the underlying color to select it – and that's usually all there is to it! The moment you select a color, it is assigned to whatever button invoked the Color Picker, and the dialog is automatically closed.

The only exception is the Color Picker invoked by the Both Colors button. This button is special: it allows you to set both colors at once (and apply them both to text in one shot). Such being the case, this Color Picker must give you an opportunity to select just the right pair of colors, so you can keep selecting and re-selecting both until you are satisfied. You select the foreground color by clicking the palette, and the background by right-clicking it. Once you are happy with your selections, you have to explicitly hit the OK button in the corner.

And what about that "None" color? Well, for starters, it's not even a color. It is only useful under some rare circumstances and only for styles of some items. One example is text background color in Memos. Let's say we set the background of a single word in a paragraph to Yellow. Imagine that you later decide to change the background of the entire paragraph that contains this word to Green. At this point in time you decide you no longer need or like the Yellow highlighting of that word, so... well, maybe you just set its background to Green too. Okay, things look just fine. However, what if you later decide to change the background of the paragraph to something other than Green, say, Blue. The paragraph becomes Blue, but that word in the middle of it has its own "personal" background, so it remains Green. Not so good. The solution is simple: set the background color of this word to None. This simply tells whatever object you are colorizing to use the default color, which is typically interpreted as transparent or "no color".

Some objects or items do not "understand" the None color, and interpret it "their way", which is typically as Black. If this happens, just don't apply the None color to such items (e.g., Memo text (foreground) color).