Ash Grey

Ash Grey was engineered to be the silent partner to Brunswick. Developed through a distillation of our primary brand color, Brunswick, this secondary color is a 20% tint over a neutral white base.

AKA

Brunswick 20

USES

backgrounds, subtle linework

HEX

#cdd8d1

RGB

206

216

209

HSL

142

11

83

CMYK

5

0

3

15

Pantone

5527 C

Logo Color

Only True Black or True White can be used as the logo color. When placing a logo on top of Ash Grey, 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

#b7b3b3

Subtle Linework

#b7b3b3

Contrast Linework

#000000

Edge Linework

#b9c3bd

Text Colors

Captions should be small and subtle. For Ash Grey, 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 Ash Grey using our serif font, Freight, use #007749.

Ash Grey serves as the essential atmospheric layer within the GFF visual identity. Its strength lies in its neutrality. It possesses a cool, mineral quality that complements both digital interfaces and physical architectural renderings. By utilizing a color derived directly from Brunswick’s DNA, we ensure that even the lightest elements of our brand remain connected to our core identity. It acts as a sophisticated alternative to pure white, softening the visual experience and providing a subtle, textured backdrop that feels intentional rather than default.

In application, Ash Grey is the workhorse of our secondary palette. It is most effective when used to define boundaries: such as in linework, secondary containers, or background washes: without competing for the viewer’s attention. It provides a high-end, gallery-like feel to layouts, allowing photography and primary brand colors to take center stage. When paired with Brunswick, it creates a high-contrast yet harmonious relationship that feels grounded, professional, and timeless.

Our “standard” text color for Ash Grey is #2e2e2e. 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 Ash Grey as a way of including a soft note, quiet quote, or something different. Use #9aa19c.

Color Pairings

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

Brunswick

L

D

Off Brunswick

L

D

Hyper Green

L

D

Burnt Teal

L

D

Pink 1

L

D

Pink 3

L

D

Silver

L

D

Timberwolf

L

D

Button Styles

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

Standard Button

Transparent Button

Contrast Button

Ash Grey Button

Shades

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

Lighter

#dde7e1

Darker

#b9c3bd

Prisma Marker

212

Pewter

We think this is the closest match to Ash Grey in the Prisma Color Market collection.

Pantone / Paint

If you’re looking for Ash Grey 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

#dde7e1

Background - Darker

#b9c3bd

Logo

#000000

Logo (Hover)

#6b6767

Linework - Standard

#b7b3b3

Linework - Contrast

#000000

Linework - Subtle

#b7b3b3

Text - Standard

#2e2e2e

Text - Contrast

#000000

Text - Subtle

#9aa19c

Text - Color

#007749

Selection - Background

#b9c3bd

Selection - Text

#000000

Hyperlink - Standard

#000000

Hyperlink - Standard (Active)

#000000

Hyperlink - Standard (Hover)

#a19b9b

Hyperlink - Subtle

#a19b9b

Hyperlink - Subtle (Active)

#a19b9b

Hyperlink - Subtle (Hover)

#000000

Button - Background

#2c5948

Button - Background (Hover)

#41695a

Button - Outline

#285041

Button - Outline (Hover)

#285041

Button - Text

#ffffff

Button - Text (Hover)

#e7e0db

Color Library

Ash Grey

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