# Document Themes

Document themes let you specify colors, fonts, and a variety of graphic effects in a document and affect the look and feel of the whole document. Each theme contains a color scheme and a font scheme and is represented by the `DocumentTheme` class. You can modify the theme through the `Theme` property of [RadFlowDocument](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/model/radflowdocument). A document theme contains two parts—a color scheme responsible for the colors, and a font scheme responsible for the fonts.

* [Color Schemes](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/concepts/document-themes#color-schemes)

* [Font Schemes](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/concepts/document-themes#font-schemes)

* [Document Themes](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/concepts/document-themes#creating-document-themes)

* [Getting Actual Values](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/concepts/document-themes#getting-actual-values)

## Color Schemes

A color scheme has a unique name and contains a number of predefined colors. Its representation in the `RadFlowDocument` model is the `ThemeColorScheme` class. A scheme defines twelve colors and each of these is assigned a sole `ThemeColorType`. The following list contains all `ThemeColorType` values:

* background1
* text1
* background2
* text2
* accent1
* accent2
* accent3
* accent4
* accent5
* accent6
* hyperlink
* followed hyperlink

The twelve color types listed previously are used for creating `ThemableColor` objects. They determine the color of the scheme that appears as the actual color of the `ThemableColor` instance. As you change the theme or the color scheme, the actual color of the `ThemableColor` object changes as well. For example, if you set the fill of a cell to be a `ThemableColor`, applying a new theme or another scheme also affects the solid fill.

The following example demonstrates how to create a `ThemeColorScheme` object. Note that the example passes a name and twelve colors to the constructor. Every color has a comment next to it, so you can see its corresponding `ThemeColorType`.

**Example 1: Create a custom ThemeColorScheme with explicit colors for all theme slots**

```C#
ThemeColorScheme colorScheme = new ThemeColorScheme(
	    "Mine",
	    Colors.Black,     // background 1
	    Colors.Blue,      // text 1
	    Colors.Brown,     // background 2
	    Colors.Cyan,      // text 2
	    Colors.DarkGray,  // accent 1
	    Colors.Gray,      // accent 2
	    Colors.Green,     // accent 3
	    Colors.LightGray, // accent 4
	    Colors.Magenta,   // accent 5
	    Colors.Orange,    // accent 6
	    Colors.Purple,    // hyperlink
	    Colors.Red);      // followedHyperlink
```

There are several ways to create a `ThemableColor` object:

* Passing two parameters to the constructor—*ThemeColorType* and *double*.

  * `ThemeColorType` is an enum which has twelve possible values (the color types listed previously).

  * The second parameter is of type `double` and must be between -1 and 1. It represents the tint and shade to be applied to the selected color.

* Passing *ThemeColorType* and *ColorShadeType*.

  * `ThemeColorType` is the same as in the previously mentioned constructor.

To create colors that depend on the current document theme, use `ThemableColor` objects.

**Example 2: Create a ThemableColor bound to the Accent1 theme color**

```C#
ThemableColor themableColor = new ThemableColor(ThemeColorType.Accent1);
```

## Font Schemes

A font scheme is represented by the `ThemeFontScheme` class. Every font scheme consists of a name and a number of predefined font families. Each font family corresponds to one of two font types:

* Major

* Minor

The code in the following example illustrates how to create a `ThemeFontScheme` object. A name and two font family names are passed to the font scheme constructor. The former font family name corresponds to the Major `ThemeFontType` and the latter to the Minor.

**Example 3: Create a ThemeFontScheme with custom major and minor fonts**

```C#
ThemeFontScheme fontScheme = new ThemeFontScheme(
		    "Mine",
		    "Times New Roman",   // Major
		    "Arial");		   // Minor
```

To use the document theme fonts, you need to use `ThemableFontFamily` objects. There are several ways you can create one:

* Passing a `ThemeFontType` object as a constructor parameter—this binds the object to the currently selected document theme.

* Passing a `FontFamily` object or a string representing a FontFamily name—the result is a static FontFamily that does not change when the document theme changes.

When you need to create a font that depends on the current document theme, use `ThemableFontFamily` objects.

**Example 4: Create a ThemableFontFamily that uses the major theme font**

```C#
ThemableFontFamily themableFont = new ThemableFontFamily(ThemeFontType.Major);
```

<a id="creating-document-themes"></a>

## Document Themes

Now that you have a color and a font scheme, you can create a new `DocumentTheme`. Specify a name and pass the already created color and font schemes.

**Example 5: Combine the custom color and font schemes into a DocumentTheme**

```C#
DocumentTheme theme = new DocumentTheme("Mine", colorScheme, fontScheme);
```

There are a number of predefined color and font schemes. You can find them in a static class called [PredefinedThemeSchemes](https://docs.telerik.com/devtools/document-processing/api/Telerik.Windows.Documents.Spreadsheet.Theming.PredefinedThemeSchemes.html). The class exposes the properties `ColorSchemes` and `FontSchemes` that hold all predefined schemes.

**Example 6: Create a DocumentTheme from predefined color and font schemes**

```C#
DocumentTheme theme1 = new DocumentTheme("From Predefined schemes", PredefinedThemeSchemes.ColorSchemes[0], PredefinedThemeSchemes.FontSchemes[5]);
```

Changing the current document theme requires setting a single property.

**Example 7: Assign the custom theme to a RadFlowDocument**

```C#
RadFlowDocument document = new RadFlowDocument();
	document.Theme = theme;
```

## Predefined ThemeColorSchemes

The table includes all 42 predefined theme color schemes with their corresponding color values for each color category (Background 1, Text 1, Background 2, Text 2, Accent 1-6, Hyperlink, and Followed Hyperlink).

| Theme Name         | Background 1                                                                                                                                                   | Text 1                                                                                                                                                         | Background 2                                                                                                                                                   | Text 2                                                                                                                                                         | Accent 1                                                                                                                                                       | Accent 2                                                                                                                                                       | Accent 3                                                                                                                                                       | Accent 4                                                                                                                                                       | Accent 5                                                                                                                                                       | Accent 6                                                                                                                                                       | Hyperlink                                                                                                                                                      | Followed Hyperlink                                                                                                                                             |
| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Office             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E7E6E6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E7E6E6;border:1px solid #ccc;margin-left:4px;"></span> | `#44546A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#44546A;border:1px solid #ccc;margin-left:4px;"></span> | `#4472C4` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4472C4;border:1px solid #ccc;margin-left:4px;"></span> | `#ED7D31` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#ED7D31;border:1px solid #ccc;margin-left:4px;"></span> | `#A5A5A5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A5A5A5;border:1px solid #ccc;margin-left:4px;"></span> | `#FFC000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFC000;border:1px solid #ccc;margin-left:4px;"></span> | `#5B9BD5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5B9BD5;border:1px solid #ccc;margin-left:4px;"></span> | `#70AD47` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#70AD47;border:1px solid #ccc;margin-left:4px;"></span> | `#0563C1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#0563C1;border:1px solid #ccc;margin-left:4px;"></span> | `#954F72` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#954F72;border:1px solid #ccc;margin-left:4px;"></span> |
| Office 2007 - 2010 | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#EEECE1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EEECE1;border:1px solid #ccc;margin-left:4px;"></span> | `#1F497D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#1F497D;border:1px solid #ccc;margin-left:4px;"></span> | `#4F81BD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4F81BD;border:1px solid #ccc;margin-left:4px;"></span> | `#C0504D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C0504D;border:1px solid #ccc;margin-left:4px;"></span> | `#9BBB59` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9BBB59;border:1px solid #ccc;margin-left:4px;"></span> | `#8064A2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8064A2;border:1px solid #ccc;margin-left:4px;"></span> | `#4BACC6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4BACC6;border:1px solid #ccc;margin-left:4px;"></span> | `#F79646` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F79646;border:1px solid #ccc;margin-left:4px;"></span> | `#0000FF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#0000FF;border:1px solid #ccc;margin-left:4px;"></span> | `#800080` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#800080;border:1px solid #ccc;margin-left:4px;"></span> |
| Grayscale          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#F8F8F8` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F8F8F8;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DDDDDD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DDDDDD;border:1px solid #ccc;margin-left:4px;"></span> | `#B2B2B2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B2B2B2;border:1px solid #ccc;margin-left:4px;"></span> | `#969696` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#969696;border:1px solid #ccc;margin-left:4px;"></span> | `#808080` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#808080;border:1px solid #ccc;margin-left:4px;"></span> | `#5F5F5F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5F5F5F;border:1px solid #ccc;margin-left:4px;"></span> | `#4D4D4D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4D4D4D;border:1px solid #ccc;margin-left:4px;"></span> | `#5F5F5F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5F5F5F;border:1px solid #ccc;margin-left:4px;"></span> | `#919191` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#919191;border:1px solid #ccc;margin-left:4px;"></span> |
| Adjacency          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#2F2B20` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#2F2B20;border:1px solid #ccc;margin-left:4px;"></span> | `#DFDCB7` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DFDCB7;border:1px solid #ccc;margin-left:4px;"></span> | `#675E47` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#675E47;border:1px solid #ccc;margin-left:4px;"></span> | `#A9A57C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A9A57C;border:1px solid #ccc;margin-left:4px;"></span> | `#9CBEBD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9CBEBD;border:1px solid #ccc;margin-left:4px;"></span> | `#D2CB6C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D2CB6C;border:1px solid #ccc;margin-left:4px;"></span> | `#95A39D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#95A39D;border:1px solid #ccc;margin-left:4px;"></span> | `#C89F5D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C89F5D;border:1px solid #ccc;margin-left:4px;"></span> | `#B1A089` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B1A089;border:1px solid #ccc;margin-left:4px;"></span> | `#D25814` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D25814;border:1px solid #ccc;margin-left:4px;"></span> | `#849A0A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#849A0A;border:1px solid #ccc;margin-left:4px;"></span> |
| Angels             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#CDD7D9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CDD7D9;border:1px solid #ccc;margin-left:4px;"></span> | `#434342` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#434342;border:1px solid #ccc;margin-left:4px;"></span> | `#797B7E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#797B7E;border:1px solid #ccc;margin-left:4px;"></span> | `#F96A1B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F96A1B;border:1px solid #ccc;margin-left:4px;"></span> | `#08A1D9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#08A1D9;border:1px solid #ccc;margin-left:4px;"></span> | `#7C984A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7C984A;border:1px solid #ccc;margin-left:4px;"></span> | `#C2AD8D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C2AD8D;border:1px solid #ccc;margin-left:4px;"></span> | `#506E94` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#506E94;border:1px solid #ccc;margin-left:4px;"></span> | `#5F5F5F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5F5F5F;border:1px solid #ccc;margin-left:4px;"></span> | `#969696` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#969696;border:1px solid #ccc;margin-left:4px;"></span> |
| Apex               | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#C9C2D1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C9C2D1;border:1px solid #ccc;margin-left:4px;"></span> | `#69676D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#69676D;border:1px solid #ccc;margin-left:4px;"></span> | `#CEB966` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CEB966;border:1px solid #ccc;margin-left:4px;"></span> | `#9CB084` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9CB084;border:1px solid #ccc;margin-left:4px;"></span> | `#6BB1C9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6BB1C9;border:1px solid #ccc;margin-left:4px;"></span> | `#6585CF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6585CF;border:1px solid #ccc;margin-left:4px;"></span> | `#7E6BC9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7E6BC9;border:1px solid #ccc;margin-left:4px;"></span> | `#A379BB` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A379BB;border:1px solid #ccc;margin-left:4px;"></span> | `#410082` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#410082;border:1px solid #ccc;margin-left:4px;"></span> | `#932968` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#932968;border:1px solid #ccc;margin-left:4px;"></span> |
| Apothecary         | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#ECEDD1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#ECEDD1;border:1px solid #ccc;margin-left:4px;"></span> | `#564B3C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#564B3C;border:1px solid #ccc;margin-left:4px;"></span> | `#93A299` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#93A299;border:1px solid #ccc;margin-left:4px;"></span> | `#CF543F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CF543F;border:1px solid #ccc;margin-left:4px;"></span> | `#B5AE53` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B5AE53;border:1px solid #ccc;margin-left:4px;"></span> | `#848058` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#848058;border:1px solid #ccc;margin-left:4px;"></span> | `#E8B54D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E8B54D;border:1px solid #ccc;margin-left:4px;"></span> | `#786C71` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#786C71;border:1px solid #ccc;margin-left:4px;"></span> | `#CCCC00` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CCCC00;border:1px solid #ccc;margin-left:4px;"></span> | `#B2B2B2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B2B2B2;border:1px solid #ccc;margin-left:4px;"></span> |
| Aspect             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E3DED1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E3DED1;border:1px solid #ccc;margin-left:4px;"></span> | `#323232` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#323232;border:1px solid #ccc;margin-left:4px;"></span> | `#F07F09` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F07F09;border:1px solid #ccc;margin-left:4px;"></span> | `#9F2936` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9F2936;border:1px solid #ccc;margin-left:4px;"></span> | `#1B587C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#1B587C;border:1px solid #ccc;margin-left:4px;"></span> | `#4E8542` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4E8542;border:1px solid #ccc;margin-left:4px;"></span> | `#604878` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#604878;border:1px solid #ccc;margin-left:4px;"></span> | `#C19859` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C19859;border:1px solid #ccc;margin-left:4px;"></span> | `#6B9F25` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6B9F25;border:1px solid #ccc;margin-left:4px;"></span> | `#B26B02` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B26B02;border:1px solid #ccc;margin-left:4px;"></span> |
| Austin             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#CAF278` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CAF278;border:1px solid #ccc;margin-left:4px;"></span> | `#3E3D2D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#3E3D2D;border:1px solid #ccc;margin-left:4px;"></span> | `#94C600` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#94C600;border:1px solid #ccc;margin-left:4px;"></span> | `#71685A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#71685A;border:1px solid #ccc;margin-left:4px;"></span> | `#FF6700` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FF6700;border:1px solid #ccc;margin-left:4px;"></span> | `#909465` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#909465;border:1px solid #ccc;margin-left:4px;"></span> | `#956B43` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#956B43;border:1px solid #ccc;margin-left:4px;"></span> | `#FEA022` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FEA022;border:1px solid #ccc;margin-left:4px;"></span> | `#E68200` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E68200;border:1px solid #ccc;margin-left:4px;"></span> | `#FFA94A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFA94A;border:1px solid #ccc;margin-left:4px;"></span> |
| Black Tie          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E3DCCF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E3DCCF;border:1px solid #ccc;margin-left:4px;"></span> | `#46464A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#46464A;border:1px solid #ccc;margin-left:4px;"></span> | `#6F6F74` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6F6F74;border:1px solid #ccc;margin-left:4px;"></span> | `#A7B789` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A7B789;border:1px solid #ccc;margin-left:4px;"></span> | `#BEAE98` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#BEAE98;border:1px solid #ccc;margin-left:4px;"></span> | `#92A9B9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#92A9B9;border:1px solid #ccc;margin-left:4px;"></span> | `#9C8265` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9C8265;border:1px solid #ccc;margin-left:4px;"></span> | `#8D6974` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8D6974;border:1px solid #ccc;margin-left:4px;"></span> | `#67AABF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#67AABF;border:1px solid #ccc;margin-left:4px;"></span> | `#B1B5AB` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B1B5AB;border:1px solid #ccc;margin-left:4px;"></span> |
| Civic              | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#C5D1D7` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C5D1D7;border:1px solid #ccc;margin-left:4px;"></span> | `#646B86` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#646B86;border:1px solid #ccc;margin-left:4px;"></span> | `#D16349` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D16349;border:1px solid #ccc;margin-left:4px;"></span> | `#CCB400` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CCB400;border:1px solid #ccc;margin-left:4px;"></span> | `#8CADAE` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8CADAE;border:1px solid #ccc;margin-left:4px;"></span> | `#8C7B70` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8C7B70;border:1px solid #ccc;margin-left:4px;"></span> | `#8FB08C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8FB08C;border:1px solid #ccc;margin-left:4px;"></span> | `#D19049` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D19049;border:1px solid #ccc;margin-left:4px;"></span> | `#00A3D6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#00A3D6;border:1px solid #ccc;margin-left:4px;"></span> | `#694F07` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#694F07;border:1px solid #ccc;margin-left:4px;"></span> |
| Clarity            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#292934` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#292934;border:1px solid #ccc;margin-left:4px;"></span> | `#F3F2DC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F3F2DC;border:1px solid #ccc;margin-left:4px;"></span> | `#D2533C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D2533C;border:1px solid #ccc;margin-left:4px;"></span> | `#93A299` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#93A299;border:1px solid #ccc;margin-left:4px;"></span> | `#AD8F67` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AD8F67;border:1px solid #ccc;margin-left:4px;"></span> | `#726056` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#726056;border:1px solid #ccc;margin-left:4px;"></span> | `#4C5A6A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4C5A6A;border:1px solid #ccc;margin-left:4px;"></span> | `#808DA0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#808DA0;border:1px solid #ccc;margin-left:4px;"></span> | `#79463D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#79463D;border:1px solid #ccc;margin-left:4px;"></span> | `#0000FF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#0000FF;border:1px solid #ccc;margin-left:4px;"></span> | `#800080` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#800080;border:1px solid #ccc;margin-left:4px;"></span> |
| Composite          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E7ECED` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E7ECED;border:1px solid #ccc;margin-left:4px;"></span> | `#5B6973` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5B6973;border:1px solid #ccc;margin-left:4px;"></span> | `#98C723` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#98C723;border:1px solid #ccc;margin-left:4px;"></span> | `#59B0B9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#59B0B9;border:1px solid #ccc;margin-left:4px;"></span> | `#DEAE00` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DEAE00;border:1px solid #ccc;margin-left:4px;"></span> | `#B77BB4` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B77BB4;border:1px solid #ccc;margin-left:4px;"></span> | `#E0773C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E0773C;border:1px solid #ccc;margin-left:4px;"></span> | `#A98D63` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A98D63;border:1px solid #ccc;margin-left:4px;"></span> | `#26CBEC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#26CBEC;border:1px solid #ccc;margin-left:4px;"></span> | `#598C8C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#598C8C;border:1px solid #ccc;margin-left:4px;"></span> |
| Concourse          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DEF5FA` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DEF5FA;border:1px solid #ccc;margin-left:4px;"></span> | `#464646` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#464646;border:1px solid #ccc;margin-left:4px;"></span> | `#2DA2BF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#2DA2BF;border:1px solid #ccc;margin-left:4px;"></span> | `#DA1F28` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DA1F28;border:1px solid #ccc;margin-left:4px;"></span> | `#EB641B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EB641B;border:1px solid #ccc;margin-left:4px;"></span> | `#39639D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#39639D;border:1px solid #ccc;margin-left:4px;"></span> | `#474B78` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#474B78;border:1px solid #ccc;margin-left:4px;"></span> | `#7D3C4A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7D3C4A;border:1px solid #ccc;margin-left:4px;"></span> | `#FF8119` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FF8119;border:1px solid #ccc;margin-left:4px;"></span> | `#44B9E8` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#44B9E8;border:1px solid #ccc;margin-left:4px;"></span> |
| Couture            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#D0CCB9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D0CCB9;border:1px solid #ccc;margin-left:4px;"></span> | `#37302A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#37302A;border:1px solid #ccc;margin-left:4px;"></span> | `#9E8E5C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9E8E5C;border:1px solid #ccc;margin-left:4px;"></span> | `#A09781` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A09781;border:1px solid #ccc;margin-left:4px;"></span> | `#85776D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#85776D;border:1px solid #ccc;margin-left:4px;"></span> | `#AEAFA9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AEAFA9;border:1px solid #ccc;margin-left:4px;"></span> | `#8D878B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8D878B;border:1px solid #ccc;margin-left:4px;"></span> | `#6B6149` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6B6149;border:1px solid #ccc;margin-left:4px;"></span> | `#B6A272` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B6A272;border:1px solid #ccc;margin-left:4px;"></span> | `#8A784F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8A784F;border:1px solid #ccc;margin-left:4px;"></span> |
| Elemental          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#ACCBF9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#ACCBF9;border:1px solid #ccc;margin-left:4px;"></span> | `#242852` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#242852;border:1px solid #ccc;margin-left:4px;"></span> | `#629DD1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#629DD1;border:1px solid #ccc;margin-left:4px;"></span> | `#297FD5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#297FD5;border:1px solid #ccc;margin-left:4px;"></span> | `#7F8FA9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7F8FA9;border:1px solid #ccc;margin-left:4px;"></span> | `#4A66AC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4A66AC;border:1px solid #ccc;margin-left:4px;"></span> | `#5AA2AE` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5AA2AE;border:1px solid #ccc;margin-left:4px;"></span> | `#9D90A0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9D90A0;border:1px solid #ccc;margin-left:4px;"></span> | `#9454C3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9454C3;border:1px solid #ccc;margin-left:4px;"></span> | `#3EBBF0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#3EBBF0;border:1px solid #ccc;margin-left:4px;"></span> |
| Equity             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E9E5DC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E9E5DC;border:1px solid #ccc;margin-left:4px;"></span> | `#696464` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#696464;border:1px solid #ccc;margin-left:4px;"></span> | `#D34817` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D34817;border:1px solid #ccc;margin-left:4px;"></span> | `#9B2D1F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9B2D1F;border:1px solid #ccc;margin-left:4px;"></span> | `#A28E6A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A28E6A;border:1px solid #ccc;margin-left:4px;"></span> | `#956251` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#956251;border:1px solid #ccc;margin-left:4px;"></span> | `#918485` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#918485;border:1px solid #ccc;margin-left:4px;"></span> | `#855D5D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#855D5D;border:1px solid #ccc;margin-left:4px;"></span> | `#CC9900` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CC9900;border:1px solid #ccc;margin-left:4px;"></span> | `#96A9A9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#96A9A9;border:1px solid #ccc;margin-left:4px;"></span> |
| Essential          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#C8C8B1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C8C8B1;border:1px solid #ccc;margin-left:4px;"></span> | `#D1282E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D1282E;border:1px solid #ccc;margin-left:4px;"></span> | `#7A7A7A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7A7A7A;border:1px solid #ccc;margin-left:4px;"></span> | `#F5C501` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F5C501;border:1px solid #ccc;margin-left:4px;"></span> | `#526DB0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#526DB0;border:1px solid #ccc;margin-left:4px;"></span> | `#989AAC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#989AAC;border:1px solid #ccc;margin-left:4px;"></span> | `#DC5924` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DC5924;border:1px solid #ccc;margin-left:4px;"></span> | `#B4B392` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B4B392;border:1px solid #ccc;margin-left:4px;"></span> | `#CC9900` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CC9900;border:1px solid #ccc;margin-left:4px;"></span> | `#969696` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#969696;border:1px solid #ccc;margin-left:4px;"></span> |
| Executive          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E4E9EF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E4E9EF;border:1px solid #ccc;margin-left:4px;"></span> | `#2F5897` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#2F5897;border:1px solid #ccc;margin-left:4px;"></span> | `#6076B4` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6076B4;border:1px solid #ccc;margin-left:4px;"></span> | `#9C5252` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9C5252;border:1px solid #ccc;margin-left:4px;"></span> | `#E68422` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E68422;border:1px solid #ccc;margin-left:4px;"></span> | `#846648` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#846648;border:1px solid #ccc;margin-left:4px;"></span> | `#63891F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#63891F;border:1px solid #ccc;margin-left:4px;"></span> | `#758085` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#758085;border:1px solid #ccc;margin-left:4px;"></span> | `#3399FF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#3399FF;border:1px solid #ccc;margin-left:4px;"></span> | `#B2B2B2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B2B2B2;border:1px solid #ccc;margin-left:4px;"></span> |
| Flow               | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DBF5F9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DBF5F9;border:1px solid #ccc;margin-left:4px;"></span> | `#04617B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#04617B;border:1px solid #ccc;margin-left:4px;"></span> | `#0F6FC6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#0F6FC6;border:1px solid #ccc;margin-left:4px;"></span> | `#009DD9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#009DD9;border:1px solid #ccc;margin-left:4px;"></span> | `#0BD0D9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#0BD0D9;border:1px solid #ccc;margin-left:4px;"></span> | `#10CF9B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#10CF9B;border:1px solid #ccc;margin-left:4px;"></span> | `#7CCA62` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7CCA62;border:1px solid #ccc;margin-left:4px;"></span> | `#A5C249` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A5C249;border:1px solid #ccc;margin-left:4px;"></span> | `#F49100` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F49100;border:1px solid #ccc;margin-left:4px;"></span> | `#85DFD0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#85DFD0;border:1px solid #ccc;margin-left:4px;"></span> |
| Foundry            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#EAEBDE` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EAEBDE;border:1px solid #ccc;margin-left:4px;"></span> | `#676A55` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#676A55;border:1px solid #ccc;margin-left:4px;"></span> | `#72A376` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#72A376;border:1px solid #ccc;margin-left:4px;"></span> | `#B0CCB0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B0CCB0;border:1px solid #ccc;margin-left:4px;"></span> | `#A8CDD7` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A8CDD7;border:1px solid #ccc;margin-left:4px;"></span> | `#C0BEAF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C0BEAF;border:1px solid #ccc;margin-left:4px;"></span> | `#CEC597` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CEC597;border:1px solid #ccc;margin-left:4px;"></span> | `#E8B7B7` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E8B7B7;border:1px solid #ccc;margin-left:4px;"></span> | `#DB5353` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DB5353;border:1px solid #ccc;margin-left:4px;"></span> | `#903638` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#903638;border:1px solid #ccc;margin-left:4px;"></span> |
| Grid               | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#CCD1B9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CCD1B9;border:1px solid #ccc;margin-left:4px;"></span> | `#534949` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#534949;border:1px solid #ccc;margin-left:4px;"></span> | `#C66951` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C66951;border:1px solid #ccc;margin-left:4px;"></span> | `#BF974D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#BF974D;border:1px solid #ccc;margin-left:4px;"></span> | `#928B70` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#928B70;border:1px solid #ccc;margin-left:4px;"></span> | `#87706B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#87706B;border:1px solid #ccc;margin-left:4px;"></span> | `#94734E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#94734E;border:1px solid #ccc;margin-left:4px;"></span> | `#6F777D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6F777D;border:1px solid #ccc;margin-left:4px;"></span> | `#CC9900` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CC9900;border:1px solid #ccc;margin-left:4px;"></span> | `#C0C0C0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C0C0C0;border:1px solid #ccc;margin-left:4px;"></span> |
| Hardcover          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#ECE9C6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#ECE9C6;border:1px solid #ccc;margin-left:4px;"></span> | `#895D1D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#895D1D;border:1px solid #ccc;margin-left:4px;"></span> | `#873624` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#873624;border:1px solid #ccc;margin-left:4px;"></span> | `#D6862D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D6862D;border:1px solid #ccc;margin-left:4px;"></span> | `#D0BE40` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D0BE40;border:1px solid #ccc;margin-left:4px;"></span> | `#877F6C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#877F6C;border:1px solid #ccc;margin-left:4px;"></span> | `#972109` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#972109;border:1px solid #ccc;margin-left:4px;"></span> | `#AEB795` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AEB795;border:1px solid #ccc;margin-left:4px;"></span> | `#CC9900` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CC9900;border:1px solid #ccc;margin-left:4px;"></span> | `#B2B2B2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B2B2B2;border:1px solid #ccc;margin-left:4px;"></span> |
| Horizon            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DC9E1F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DC9E1F;border:1px solid #ccc;margin-left:4px;"></span> | `#1F2123` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#1F2123;border:1px solid #ccc;margin-left:4px;"></span> | `#7E97AD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7E97AD;border:1px solid #ccc;margin-left:4px;"></span> | `#CC8E60` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CC8E60;border:1px solid #ccc;margin-left:4px;"></span> | `#7A6A60` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7A6A60;border:1px solid #ccc;margin-left:4px;"></span> | `#B4936D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B4936D;border:1px solid #ccc;margin-left:4px;"></span> | `#67787B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#67787B;border:1px solid #ccc;margin-left:4px;"></span> | `#9D936F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9D936F;border:1px solid #ccc;margin-left:4px;"></span> | `#646464` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#646464;border:1px solid #ccc;margin-left:4px;"></span> | `#969696` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#969696;border:1px solid #ccc;margin-left:4px;"></span> |
| Median             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#EBDDC3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EBDDC3;border:1px solid #ccc;margin-left:4px;"></span> | `#775F55` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#775F55;border:1px solid #ccc;margin-left:4px;"></span> | `#94B6D2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#94B6D2;border:1px solid #ccc;margin-left:4px;"></span> | `#DD8047` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DD8047;border:1px solid #ccc;margin-left:4px;"></span> | `#A5AB81` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A5AB81;border:1px solid #ccc;margin-left:4px;"></span> | `#D8B25C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D8B25C;border:1px solid #ccc;margin-left:4px;"></span> | `#7BA79D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7BA79D;border:1px solid #ccc;margin-left:4px;"></span> | `#968C8C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#968C8C;border:1px solid #ccc;margin-left:4px;"></span> | `#F7B615` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F7B615;border:1px solid #ccc;margin-left:4px;"></span> | `#704404` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#704404;border:1px solid #ccc;margin-left:4px;"></span> |
| Metro              | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#D6ECFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D6ECFF;border:1px solid #ccc;margin-left:4px;"></span> | `#4E5B6F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4E5B6F;border:1px solid #ccc;margin-left:4px;"></span> | `#7FD13B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7FD13B;border:1px solid #ccc;margin-left:4px;"></span> | `#EA157A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EA157A;border:1px solid #ccc;margin-left:4px;"></span> | `#FEB80A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FEB80A;border:1px solid #ccc;margin-left:4px;"></span> | `#00ADDC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#00ADDC;border:1px solid #ccc;margin-left:4px;"></span> | `#738AC8` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#738AC8;border:1px solid #ccc;margin-left:4px;"></span> | `#1AB39F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#1AB39F;border:1px solid #ccc;margin-left:4px;"></span> | `#EB8803` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EB8803;border:1px solid #ccc;margin-left:4px;"></span> | `#5F7791` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5F7791;border:1px solid #ccc;margin-left:4px;"></span> |
| Module             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#D4D4D6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D4D4D6;border:1px solid #ccc;margin-left:4px;"></span> | `#5A6378` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5A6378;border:1px solid #ccc;margin-left:4px;"></span> | `#F0AD00` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F0AD00;border:1px solid #ccc;margin-left:4px;"></span> | `#60B5CC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#60B5CC;border:1px solid #ccc;margin-left:4px;"></span> | `#E66C7D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E66C7D;border:1px solid #ccc;margin-left:4px;"></span> | `#6BB76D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6BB76D;border:1px solid #ccc;margin-left:4px;"></span> | `#E88651` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E88651;border:1px solid #ccc;margin-left:4px;"></span> | `#C64847` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C64847;border:1px solid #ccc;margin-left:4px;"></span> | `#168BBA` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#168BBA;border:1px solid #ccc;margin-left:4px;"></span> | `#680000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#680000;border:1px solid #ccc;margin-left:4px;"></span> |
| Newsprint          | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DEDEE0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DEDEE0;border:1px solid #ccc;margin-left:4px;"></span> | `#303030` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#303030;border:1px solid #ccc;margin-left:4px;"></span> | `#AD0101` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AD0101;border:1px solid #ccc;margin-left:4px;"></span> | `#726056` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#726056;border:1px solid #ccc;margin-left:4px;"></span> | `#AC956E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AC956E;border:1px solid #ccc;margin-left:4px;"></span> | `#808DA9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#808DA9;border:1px solid #ccc;margin-left:4px;"></span> | `#424E5B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#424E5B;border:1px solid #ccc;margin-left:4px;"></span> | `#730E00` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#730E00;border:1px solid #ccc;margin-left:4px;"></span> | `#D26900` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D26900;border:1px solid #ccc;margin-left:4px;"></span> | `#D89243` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D89243;border:1px solid #ccc;margin-left:4px;"></span> |
| Opulent            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#F4E7ED` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F4E7ED;border:1px solid #ccc;margin-left:4px;"></span> | `#B13F9A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B13F9A;border:1px solid #ccc;margin-left:4px;"></span> | `#B83D68` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B83D68;border:1px solid #ccc;margin-left:4px;"></span> | `#AC66BB` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AC66BB;border:1px solid #ccc;margin-left:4px;"></span> | `#DE6C36` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DE6C36;border:1px solid #ccc;margin-left:4px;"></span> | `#F9B639` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F9B639;border:1px solid #ccc;margin-left:4px;"></span> | `#CF6DA4` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CF6DA4;border:1px solid #ccc;margin-left:4px;"></span> | `#FA8D3D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FA8D3D;border:1px solid #ccc;margin-left:4px;"></span> | `#FFDE66` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFDE66;border:1px solid #ccc;margin-left:4px;"></span> | `#D490C5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D490C5;border:1px solid #ccc;margin-left:4px;"></span> |
| Oriel              | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#FFF39D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFF39D;border:1px solid #ccc;margin-left:4px;"></span> | `#575F6D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#575F6D;border:1px solid #ccc;margin-left:4px;"></span> | `#FE8637` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FE8637;border:1px solid #ccc;margin-left:4px;"></span> | `#7598D9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7598D9;border:1px solid #ccc;margin-left:4px;"></span> | `#B32C16` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B32C16;border:1px solid #ccc;margin-left:4px;"></span> | `#F5CD2D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F5CD2D;border:1px solid #ccc;margin-left:4px;"></span> | `#AEBAD5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AEBAD5;border:1px solid #ccc;margin-left:4px;"></span> | `#777C84` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#777C84;border:1px solid #ccc;margin-left:4px;"></span> | `#D2611C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D2611C;border:1px solid #ccc;margin-left:4px;"></span> | `#3B435B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#3B435B;border:1px solid #ccc;margin-left:4px;"></span> |
| Origin             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DDE9EC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DDE9EC;border:1px solid #ccc;margin-left:4px;"></span> | `#464653` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#464653;border:1px solid #ccc;margin-left:4px;"></span> | `#727CA3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#727CA3;border:1px solid #ccc;margin-left:4px;"></span> | `#9FB8CD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9FB8CD;border:1px solid #ccc;margin-left:4px;"></span> | `#D2DA7A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D2DA7A;border:1px solid #ccc;margin-left:4px;"></span> | `#FADA7A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FADA7A;border:1px solid #ccc;margin-left:4px;"></span> | `#B88472` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B88472;border:1px solid #ccc;margin-left:4px;"></span> | `#8E736A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8E736A;border:1px solid #ccc;margin-left:4px;"></span> | `#B292CA` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B292CA;border:1px solid #ccc;margin-left:4px;"></span> | `#6B5680` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6B5680;border:1px solid #ccc;margin-left:4px;"></span> |
| Paper              | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#FEFAC9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FEFAC9;border:1px solid #ccc;margin-left:4px;"></span> | `#444D26` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#444D26;border:1px solid #ccc;margin-left:4px;"></span> | `#A5B592` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A5B592;border:1px solid #ccc;margin-left:4px;"></span> | `#F3A447` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F3A447;border:1px solid #ccc;margin-left:4px;"></span> | `#E7BC29` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E7BC29;border:1px solid #ccc;margin-left:4px;"></span> | `#D092A7` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D092A7;border:1px solid #ccc;margin-left:4px;"></span> | `#9C85C0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9C85C0;border:1px solid #ccc;margin-left:4px;"></span> | `#809EC2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#809EC2;border:1px solid #ccc;margin-left:4px;"></span> | `#8E58B6` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8E58B6;border:1px solid #ccc;margin-left:4px;"></span> | `#7F6F6F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7F6F6F;border:1px solid #ccc;margin-left:4px;"></span> |
| Perspective        | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#FF8600` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FF8600;border:1px solid #ccc;margin-left:4px;"></span> | `#283138` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#283138;border:1px solid #ccc;margin-left:4px;"></span> | `#838D9B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#838D9B;border:1px solid #ccc;margin-left:4px;"></span> | `#D2610C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D2610C;border:1px solid #ccc;margin-left:4px;"></span> | `#80716A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#80716A;border:1px solid #ccc;margin-left:4px;"></span> | `#94147C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#94147C;border:1px solid #ccc;margin-left:4px;"></span> | `#5D5AD2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5D5AD2;border:1px solid #ccc;margin-left:4px;"></span> | `#6F6C7D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6F6C7D;border:1px solid #ccc;margin-left:4px;"></span> | `#6187E3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6187E3;border:1px solid #ccc;margin-left:4px;"></span> | `#7B8EB8` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7B8EB8;border:1px solid #ccc;margin-left:4px;"></span> |
| Pushpin            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#CCDDEA` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CCDDEA;border:1px solid #ccc;margin-left:4px;"></span> | `#465E9C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#465E9C;border:1px solid #ccc;margin-left:4px;"></span> | `#FDA023` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FDA023;border:1px solid #ccc;margin-left:4px;"></span> | `#AA2B1E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AA2B1E;border:1px solid #ccc;margin-left:4px;"></span> | `#71685C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#71685C;border:1px solid #ccc;margin-left:4px;"></span> | `#64A73B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#64A73B;border:1px solid #ccc;margin-left:4px;"></span> | `#EB5605` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#EB5605;border:1px solid #ccc;margin-left:4px;"></span> | `#B9CA1A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B9CA1A;border:1px solid #ccc;margin-left:4px;"></span> | `#D83E2C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D83E2C;border:1px solid #ccc;margin-left:4px;"></span> | `#ED7D27` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#ED7D27;border:1px solid #ccc;margin-left:4px;"></span> |
| Slipstream         | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#B4DCFA` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B4DCFA;border:1px solid #ccc;margin-left:4px;"></span> | `#212745` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#212745;border:1px solid #ccc;margin-left:4px;"></span> | `#4E67C8` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4E67C8;border:1px solid #ccc;margin-left:4px;"></span> | `#5ECCF3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5ECCF3;border:1px solid #ccc;margin-left:4px;"></span> | `#A7EA52` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A7EA52;border:1px solid #ccc;margin-left:4px;"></span> | `#5DCEAF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5DCEAF;border:1px solid #ccc;margin-left:4px;"></span> | `#FF8021` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FF8021;border:1px solid #ccc;margin-left:4px;"></span> | `#F14124` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F14124;border:1px solid #ccc;margin-left:4px;"></span> | `#56C7AA` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#56C7AA;border:1px solid #ccc;margin-left:4px;"></span> | `#59A8D1` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#59A8D1;border:1px solid #ccc;margin-left:4px;"></span> |
| Solstice           | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#E7DEC9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E7DEC9;border:1px solid #ccc;margin-left:4px;"></span> | `#4F271C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4F271C;border:1px solid #ccc;margin-left:4px;"></span> | `#3891A7` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#3891A7;border:1px solid #ccc;margin-left:4px;"></span> | `#FEB80A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FEB80A;border:1px solid #ccc;margin-left:4px;"></span> | `#C32D2E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C32D2E;border:1px solid #ccc;margin-left:4px;"></span> | `#84AA33` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#84AA33;border:1px solid #ccc;margin-left:4px;"></span> | `#964305` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#964305;border:1px solid #ccc;margin-left:4px;"></span> | `#475A8D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#475A8D;border:1px solid #ccc;margin-left:4px;"></span> | `#8DC765` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8DC765;border:1px solid #ccc;margin-left:4px;"></span> | `#AA8A14` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AA8A14;border:1px solid #ccc;margin-left:4px;"></span> |
| Technic            | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#D4D2D0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D4D2D0;border:1px solid #ccc;margin-left:4px;"></span> | `#3B3B3B` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#3B3B3B;border:1px solid #ccc;margin-left:4px;"></span> | `#6EA0B0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#6EA0B0;border:1px solid #ccc;margin-left:4px;"></span> | `#CCAF0A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CCAF0A;border:1px solid #ccc;margin-left:4px;"></span> | `#8D89A4` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8D89A4;border:1px solid #ccc;margin-left:4px;"></span> | `#748560` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#748560;border:1px solid #ccc;margin-left:4px;"></span> | `#9E9273` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9E9273;border:1px solid #ccc;margin-left:4px;"></span> | `#7E848D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#7E848D;border:1px solid #ccc;margin-left:4px;"></span> | `#00C8C3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#00C8C3;border:1px solid #ccc;margin-left:4px;"></span> | `#A116E0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A116E0;border:1px solid #ccc;margin-left:4px;"></span> |
| Thatch             | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DFE6D0` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DFE6D0;border:1px solid #ccc;margin-left:4px;"></span> | `#1D3641` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#1D3641;border:1px solid #ccc;margin-left:4px;"></span> | `#759AA5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#759AA5;border:1px solid #ccc;margin-left:4px;"></span> | `#CFC60D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#CFC60D;border:1px solid #ccc;margin-left:4px;"></span> | `#99987F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#99987F;border:1px solid #ccc;margin-left:4px;"></span> | `#90AC97` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#90AC97;border:1px solid #ccc;margin-left:4px;"></span> | `#FFAD1C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFAD1C;border:1px solid #ccc;margin-left:4px;"></span> | `#B9AB6F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B9AB6F;border:1px solid #ccc;margin-left:4px;"></span> | `#66AACD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#66AACD;border:1px solid #ccc;margin-left:4px;"></span> | `#809DB3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#809DB3;border:1px solid #ccc;margin-left:4px;"></span> |
| Trek               | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#FBEEC9` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FBEEC9;border:1px solid #ccc;margin-left:4px;"></span> | `#4E3B30` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4E3B30;border:1px solid #ccc;margin-left:4px;"></span> | `#F0A22E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F0A22E;border:1px solid #ccc;margin-left:4px;"></span> | `#A5644E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A5644E;border:1px solid #ccc;margin-left:4px;"></span> | `#B58B80` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#B58B80;border:1px solid #ccc;margin-left:4px;"></span> | `#C3986D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C3986D;border:1px solid #ccc;margin-left:4px;"></span> | `#A19574` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A19574;border:1px solid #ccc;margin-left:4px;"></span> | `#C17529` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C17529;border:1px solid #ccc;margin-left:4px;"></span> | `#AD1F1F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#AD1F1F;border:1px solid #ccc;margin-left:4px;"></span> | `#FFC42F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFC42F;border:1px solid #ccc;margin-left:4px;"></span> |
| Urban              | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#DEDEDE` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#DEDEDE;border:1px solid #ccc;margin-left:4px;"></span> | `#424456` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#424456;border:1px solid #ccc;margin-left:4px;"></span> | `#53548A` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#53548A;border:1px solid #ccc;margin-left:4px;"></span> | `#438086` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#438086;border:1px solid #ccc;margin-left:4px;"></span> | `#A04DA3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A04DA3;border:1px solid #ccc;margin-left:4px;"></span> | `#C4652D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C4652D;border:1px solid #ccc;margin-left:4px;"></span> | `#8B5D3D` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#8B5D3D;border:1px solid #ccc;margin-left:4px;"></span> | `#5C92B5` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5C92B5;border:1px solid #ccc;margin-left:4px;"></span> | `#67AFBD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#67AFBD;border:1px solid #ccc;margin-left:4px;"></span> | `#C2A874` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C2A874;border:1px solid #ccc;margin-left:4px;"></span> |
| Verve              | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#D2D2D2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#D2D2D2;border:1px solid #ccc;margin-left:4px;"></span> | `#666666` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#666666;border:1px solid #ccc;margin-left:4px;"></span> | `#FF388C` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FF388C;border:1px solid #ccc;margin-left:4px;"></span> | `#E40059` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#E40059;border:1px solid #ccc;margin-left:4px;"></span> | `#9C007F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#9C007F;border:1px solid #ccc;margin-left:4px;"></span> | `#68007F` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#68007F;border:1px solid #ccc;margin-left:4px;"></span> | `#005BD3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#005BD3;border:1px solid #ccc;margin-left:4px;"></span> | `#00349E` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#00349E;border:1px solid #ccc;margin-left:4px;"></span> | `#17BBFD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#17BBFD;border:1px solid #ccc;margin-left:4px;"></span> | `#FF79C2` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FF79C2;border:1px solid #ccc;margin-left:4px;"></span> |
| Waveform           | `#FFFFFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#FFFFFF;border:1px solid #ccc;margin-left:4px;"></span> | `#000000` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#000000;border:1px solid #ccc;margin-left:4px;"></span> | `#C6E7FC` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#C6E7FC;border:1px solid #ccc;margin-left:4px;"></span> | `#073E87` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#073E87;border:1px solid #ccc;margin-left:4px;"></span> | `#31B6FD` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#31B6FD;border:1px solid #ccc;margin-left:4px;"></span> | `#4584D3` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#4584D3;border:1px solid #ccc;margin-left:4px;"></span> | `#5BD078` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5BD078;border:1px solid #ccc;margin-left:4px;"></span> | `#A5D028` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#A5D028;border:1px solid #ccc;margin-left:4px;"></span> | `#F5C040` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#F5C040;border:1px solid #ccc;margin-left:4px;"></span> | `#05E0DB` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#05E0DB;border:1px solid #ccc;margin-left:4px;"></span> | `#0080FF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#0080FF;border:1px solid #ccc;margin-left:4px;"></span> | `#5EAEFF` <span aria-hidden="true" style="display:inline-block;width:12px;height:12px;background-color:#5EAEFF;border:1px solid #ccc;margin-left:4px;"></span> |

## Predefined ThemeFontSchemes

RadWordsProcessing offers a set of predefined ThemeFontSchemes listed in the table below:

| Theme Name         | Major Font             | Minor Font             |
| ------------------ | ---------------------- | ---------------------- |
| Office             | Calibri Light          | Calibri                |
| Office 2007 - 2010 | Cambria                | Calibri                |
| Office 2           | Calibri                | Cambria                |
| Office Classic     | Arial                  | Times New Roman        |
| Office Classic 2   | Arial                  | Arial                  |
| Adjacency          | Cambria                | Calibri                |
| Angels             | Franklin Gothic Medium | Franklin Gothic Book   |
| Apex               | Lucida Sans            | Book Antiqua           |
| Apothecary         | Book Antiqua           | Century Gothic         |
| Aspect             | Verdana                | Verdana                |
| Austin             | Century Gothic         | Century Gothic         |
| Black Tie          | Garamond               | Garamond               |
| Civic              | Georgia                | Georgia                |
| Clarity            | Arial                  | Arial                  |
| Composite          | Calibri                | Calibri                |
| Concourse          | Lucida Sans Unicode    | Lucida Sans Unicode    |
| Couture            | Garamond               | Garamond               |
| Elemental          | Palatino Linotype      | Palatino Linotype      |
| Equity             | Franklin Gothic Book   | Perpetua               |
| Essential          | Arial Black            | Arial                  |
| Executive          | Century Gothic         | Palatino Linotype      |
| Flow               | Calibri                | Constantia             |
| Foundry            | Rockwell               | Rockwell               |
| Grid               | Franklin Gothic Medium | Franklin Gothic Medium |
| Hardcover          | Book Antiqua           | Book Antiqua           |
| Horizon            | Arial Narrow           | Arial Narrow           |
| Median             | Tw Cen MT              | Tw Cen MT              |
| Metro              | Consolas               | Corbel                 |
| Module             | Corbel                 | Corbel                 |
| Newsprint          | Impact                 | Times New Roman        |
| Opulent            | Trebuchet MS           | Trebuchet MS           |
| Oriel              | Century Schoolbook     | Century Schoolbook     |
| Origin             | Bookman Old Style      | Gill Sans MT           |
| Paper              | Constantia             | Constantia             |
| Perspective        | Arial                  | Arial                  |
| Pushpin            | Constantia             | Franklin Gothic Book   |
| Slipstream         | Trebuchet MS           | Trebuchet MS           |
| Solstice           | Gill Sans MT           | Gill Sans MT           |
| Technic            | Franklin Gothic Book   | Arial                  |
| Thatch             | Tw Cen MT              | Tw Cen MT              |
| Trek               | Franklin Gothic Medium | Franklin Gothic Book   |
| Urban              | Trebuchet MS           | Georgia                |
| Verve              | Century Gothic         | Century Gothic         |
| Waveform           | Candara                | Candara                |

## Getting Actual Values

To get the actual value from `ThemableColor` or `ThemableFontFamily`, call the `GetActualValue()` method on the corresponding object.

**Example 8: Resolve the actual color value from a ThemableColor and theme**

```C#
Color actualColor = themableColor.GetActualValue(theme);
//The actual color is the same as Accent1 color of the colorScheme.
```

**Example 9: Resolve the actual font family from a ThemableFontFamily and theme**

```C#
var actualFont = themableFont.GetActualValue(theme);
//The actualFont is the same as the Major font of the fontScheme.
```

## See Also

* [RadFlowDocument](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/model/radflowdocument)
* [Document Styles](https://www.telerik.com/document-processing-libraries/documentation/libraries/radwordsprocessing/concepts/styles)
