Main and Accent Theme Colors

Preferred Color Pairings

For most TP4 content elements you create in the WCMS, you can set the colors based on the main and accent theme colors selected in Folder Properties. The following visual guide shows the recommended color pairings for the main and accent themes.  If you are creating content outside the WCMS for display in TP4, the chart of hexadecimal values at the bottom of this page may be useful.

Note that amber is not supported in the WCMS as a main theme color. Also, TP4 now supports a fourth (“quaternary”) shade for each color family as indicated in the hexadecimal chart.  The Visual Guide below will be updated soon to include the quaternary shades.

Template color swatches

Hexadecimal Color Values

Theme Color Hexadecimal Values
Color Primary Secondary Tertiary Quaternary
Amber fbab18 FFD54F FFECB3 fff7e1
Blue 005eaa 88c3ea c0e9ff edf9ff
Brown 705043 AD907B decec6 f2ebe8
Cyan 007B91 65b0bd cce5e9 ebf5f6
Green 497d0c 84BC49 DCEDC8 f1f8e9
Indigo 26418f 92a6dd DEE8FF f2f6ff
Orange bb4d00 ffad42 ffe97d fff4cf
Pink af4448 E57373 FFC2C2 ffe7e7
Purple 712177 b890bb e3d3e4 f7f2f7
Slate 29434e 7E9BA5 B6C6D2 e2e8ed
Teal 00695C 4ebaaa ceece7 ebf7f5
Page last reviewed: October 29, 2019
Content source: WCMS / Template Team