Slate Blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat augue in ligula tincidunt laoreet. Integer dapibus dictum posuere. Integer non dolor pretium, pretium tellus ac, bibendum sapien. Nam vestibulum egestas lacinia. Vivamus rhoncus imperdiet erat, vitae dapibus tortor porttitor et.

AKA

Slate

USES

Blueprint

HEX

#333A73

Logo Color

Only True Black or True White can be used as the logo color. When placing a logo on top of Slate Blue, use True White.

Menu Colors

This is how to style standard menu items with this color. Top headings use our subtle color while main menu items are in our high contrast color.

Linework

Every color has four color options for linework. Use these colors (and linework in general) to create structure, and do it intentionally. 

Standard Linework

#ffffff

Subtle Linework

#ffffff

Contrast Linework

#ffffff

Edge Linework

#333a73

Text Colors

Captions should be small and subtle. For Slate Blue, use (variable not found). This allows the caption to be visible, but avoids making it a domineering element.

If you need a colorful intro for Slate Blue using our serif font, Freight, use #ffffff.

Our “standard” text color for Slate Blue is #ffffff. Unless you need a colorful, high contrast, or subtle block of text in your layout, this is the color you should use.

Our contrast color is always True Black or True White. Our “contrast” text color in this case is #ffffff. Use it in good health. 

Sometimes you might want to use a subtle color with Slate Blue as a way of including a soft note, quiet quote, or something different. Use #ffffff.

Color Pairings

These are the best standard colors to pair with Slate Blue. Use these colors to create intentionally styled graphics.

Hyper Blue

L

D

Midnight Blue

L

D

Mist Blue

L

D

Off White

L

D

Royal Blue

L

D

Shadow Blue

L

D

Button Styles

The Standard Button uses colors specifically designed for Slate Blue. The Transparent Button allows the color to come through. The Contrast Button makes the button as visible as possible. The Slate Blue Button is for use elsewhere.

Standard Button

Transparent Button

Contrast Button

Slate Blue Button

Shades

When you need a shade that is a touch lighter or darker than Slate Blue, use one of the two shades below.

Lighter

#333a73

Darker

#333a73

Prisma Marker

PM-0

Prisma Name

We think this is the closest match to Slate Blue in the Prisma Color Market collection.

Pantone / Paint

If you’re looking for Slate Blue in a color wheel, go with one of the following options from the Pantone and Benjamin Moore color wheels.

Hex Codes

This is the full list of hex codes used on this page. Drag and copy any hex code that you need.

Background - Lighter

#333a73

Background - Darker

#333a73

Logo

#ffffff

Logo (Hover)

#ffffff

Linework - Standard

#ffffff

Linework - Contrast

#ffffff

Linework - Subtle

#ffffff

Text - Standard

#ffffff

Text - Contrast

#ffffff

Text - Subtle

#ffffff

Text - Color

#ffffff

Selection - Background

#000000

Selection - Text

#ffffff

Hyperlink - Standard

#ffffff

Hyperlink - Standard (Active)

#ffffff

Hyperlink - Standard (Hover)

#ffffff

Hyperlink - Subtle

#ffffff

Hyperlink - Subtle (Active)

#ffffff

Hyperlink - Subtle (Hover)

#ffffff

Button - Background

#ffffff

Button - Background (Hover)

#ffffff

Button - Outline

#ffffff

Button - Outline (Hover)

#ffffff

Button - Text

#000000

Button - Text (Hover)

#000000

Color Library

Slate Blue

L

D

Use the + sign to copy hex code

Primary Colors

Brunswick

L

D

Off Brunswick

L

D

Ash Grey

L

D

Burnt Teal

L

D

Hyper Green

L

D

Neutrals

True White

L

D

Off White

L

D

Shade

L

D

Timberwolf

L

D

Silver

L

D

Dark Grey

L

D

Charcoal

L

D

Off Black

L

D

True Black

L

D

Background Colors

True White

L

D

Off White

L

D

Off Black

L

D

True Black

L

D

Hyperlinks

Hyper Green

L

D

Hyper Red

L

D

Hyper Blue

L

D

Hyper Gold

L

D

Historic Colors

Original Green

L

D

Hyper Gold

L

D

Brunswick

L

D

Teal / Water

Burnt Teal

L

D

Hyper Teal

L

D

Lagoon Teal

L

D

Tropical Teal

L

D

Muted Teal

L

D

Aqua Teal

L

D

Ash Grey

L

D

Azure Teal

L

D

Nature / Environmental

Brunswick

L

D

Original Green

L

D

Hyper Green

L

D

Willow

L

D

Sagebrush

L

D

Lichen

L

D

Frosted Glass

L

D

Dew

L

D

Earth / Wood

Marigold

L

D

Hyper Gold

L

D

Terracotta

L

D

Burnt Oak

L

D

Sandstone

L

D

Parchment

L

D

Off White

L

D

Red / Pink

Hyper Red

L

D

Deep Red

L

D

Oxblood

L

D

Pink 1

L

D

Pink 2

L

D

Pink 3

L

D

Pink 4

L

D

Blue / Blueprint

Hyper Blue

L

D

Midnight Blue

L

D

Royal Blue

L

D

Slate Blue

L

D

Shadow Blue

L

D

Mist Blue

L

D

Off White

L

D