Color Palette

Our color palette is vibrant, yet modern. It’s inspired by the latest in data visualization and the array of colors allow for differentiation between products while also focusing on legibility.

The following palettes are inspired from Ant Design. If you want to add a new color, either select one from the Ant Design color palettes or use the palette generation tool and submit it for approval.

What Color Value Do You Use?

There are three different values for each color: HEX, RGBA, and CMYK. When working in the digital space, always use either HEX or RGBA values. Only use CMYK for projects that are meant to be printed.

01 Brand Colors

02 Secondary Colors

Our secondary colors are an expansion on our functional colors typically used for monochromatic themes.

03 Neutral Colors

Neutral colors are used for text, muted states and backgrounds.

04 Use Cases

Color palettes can be used to make designs come to life. When choosing your palette for a project, there are two methods to choose from: brand and monochromatic themes.

Brand Theme

When working with our brand theme, stay within our core brand colors with a splash of secondary colors. This theme emphasizes trust and simplicity and is typically used for pages or content that is focused on the company mission and culture.

wiser homepage
wiser blue - 6 | wiser blue - 2 | Wiser Orange - 6

blog homepage
wiser blue - 6 | wiser blue - 1 | white

Monochromatic Theme

Our monochromatic themes are used to bring life to our modern design and emphasize specific topics relevant about our business such as products, personas, or thought leadership.

Dynamic pricing product page
geek blue - 2 | geek blue - 6 | geek blue - 10

pricing use case page
dust red - 1 | dust red - 6 | dust red - 10