Off White

Off White is the primary digital canvas for the GFF brand. It was introduced specifically to soften the harshness of True White: providing a sophisticated, warm-toned background for almost every digital application.

USES

Digital Background

HEX

#faf7f5

RGB

250

247

245

HSL

24

29

97

CMYK

1

1

2

2

Pantone

P 1 1 C

Logo Color

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

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

#c4c1bd

Subtle Linework

#e7e0db

Contrast Linework

#000000

Edge Linework

#e7e0db

Text Colors

Captions should be small and subtle. For Off White, 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 Off White using our serif font, Freight, use #2c5948.

Off White serves as the essential atmospheric “breathing room” within our digital and marketing collateral. Its subtle warmth provides a professional finish that feels intentional and curated: acting as a soft, matte stage for our primary brand colors to shine. Unlike the starkness of paper, Off White possesses a gentle depth that makes our documentation feel more like a physical presentation than a digital file. It is the invisible workhorse of our neutral palette: reducing eye strain and improving the overall readability of our content.

In application, Off White should be used as the standard background for websites, presentations, and digital reports. It provides a luxurious contrast when paired with Brunswick and Burnt Teal, allowing those deeper tones to feel more grounded and less abrasive. By utilizing Off White as our digital baseline, we signal a commitment to quality and comfort in the user experience. It is a subtle shift that has a profound impact: transforming a simple layout into a cohesive brand experience that feels as thoughtful and deliberate as the architecture we create.

Our “standard” text color for Off White is #1a1a1a. 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 #000000. Use it in good health. 

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

Color Pairings

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

Ash Grey

L

D

Brunswick

L

D

Burnt Teal

L

D

Charcoal

L

D

Dark Grey

L

D

Hyper Green

L

D

Off Brunswick

L

D

Timberwolf

L

D

Silver

L

D

Shade

L

D

Button Styles

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

Standard Button

Transparent Button

Contrast Button

Off White Button

Shades

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

Lighter

#ffffff

Darker

#e1e0de

Prisma Marker

121

Eggshell

We think this is the closest match to Off White in the Prisma Color Market collection.

Pantone / Paint

If you’re looking for Off White 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

#ffffff

Background - Darker

#e1e0de

Logo

#000000

Logo (Hover)

#c4c1bd

Linework - Standard

#c4c1bd

Linework - Contrast

#000000

Linework - Subtle

#e7e0db

Text - Standard

#1a1a1a

Text - Contrast

#000000

Text - Subtle

#c4c1bd

Text - Color

#2c5948

Selection - Background

#e7e0db

Selection - Text

#000000

Hyperlink - Standard

#000000

Hyperlink - Standard (Active)

#000000

Hyperlink - Standard (Hover)

#c4c1bd

Hyperlink - Subtle

#c4c1bd

Hyperlink - Subtle (Active)

#c4c1bd

Hyperlink - Subtle (Hover)

#000000

Button - Background

#2c3639

Button - Background (Hover)

#222a2b

Button - Outline

#414a4c

Button - Outline (Hover)

#414a4c

Button - Text

#ffffff

Button - Text (Hover)

#ffffff

Color Library

Off White

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