Hyper Green

Hyper Green was introduced to bring high-visibility clarity to our architectural documentation. Developed to stand out within dense technical text, it is a high-chroma extension of our primary identity: found within the same Pantone family as Brunswick. As a member of our “Hyper” palette, it serves as a primary signifier for interactivity and navigation, ensuring that critical data and digital links are immediately identifiable.

AKA

Electric Brunswick

USES

hyperlinks, navigation, high-contrast annotation, success

HEX

#007749

RGB

0

119

73

HSL

157

100

23

CMYK

86

28

88

15

Pantone

3415 C

Logo Color

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

#154734

Subtle Linework

#154734

Contrast Linework

#ffffff

Edge Linework

#056540

Text Colors

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

Hyper Green functions as the firm’s primary tool for emphasis and digital direction. While Brunswick provides the sophisticated foundation of our brand, Hyper Green provides the necessary energy to navigate complex information. With research and curation assisted by Josh Hafel, this color was selected for its unique ability to retain its vivid “greenness” even in small-scale applications like footnotes or technical annotations. It bridges the gap between traditional architectural drafting and modern digital interface design, acting as a vibrant signal in a sea of monochromatic text.

In application, Hyper Green is reserved for moments that require immediate action or focus. It is the lead color in our “Hyper” group: a set of high-contrast tones including Blue, Red, and Gold: specifically designed for hyperlinks and navigational elements. Its shared lineage with Brunswick ensures that even at its most intense, the brand remains cohesive and grounded. By using Hyper Green for structural highlights and digital calls to action, we maintain a visual hierarchy that is both high-energy and deeply rooted in the firm’s heritage.

Our “standard” text color for Hyper Green is #faf7f5. 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 Hyper Green as a way of including a soft note, quiet quote, or something different. Use #154734.

Color Pairings

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

Original Green

L

D

Brunswick

L

D

Burnt Teal

L

D

Timberwolf

L

D

Pink 3

L

D

Off Black

L

D

Button Styles

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

Standard Button

Transparent Button

Contrast Button

Hyper Green Button

Shades

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

Lighter

#12814f

Darker

#056b44

Prisma Marker

186

Emerald

We think this is the closest match to Hyper Green in the Prisma Color Market collection.

Pantone / Paint

If you’re looking for Hyper Green 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

#12814f

Background - Darker

#056b44

Logo

#ffffff

Logo (Hover)

#3d995d

Linework - Standard

#154734

Linework - Contrast

#ffffff

Linework - Subtle

#154734

Text - Standard

#faf7f5

Text - Contrast

#ffffff

Text - Subtle

#154734

Text - Color

#2c3639

Selection - Background

#3d995d

Selection - Text

#ffffff

Hyperlink - Standard

#ffffff

Hyperlink - Standard (Active)

#ffffff

Hyperlink - Standard (Hover)

#3d995d

Hyperlink - Subtle

#3d995d

Hyperlink - Subtle (Active)

#3d995d

Hyperlink - Subtle (Hover)

#ffffff

Button - Background

#e7e0db

Button - Background (Hover)

#e9e3df

Button - Outline

#d0cac6

Button - Outline (Hover)

#d0cac6

Button - Text

#000000

Button - Text (Hover)

#000000

Color Library

Hyper Green

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