Home

Foundations

Color

Home

Foundations

Color

Color

Brandbook's color palette includes a modern black and white base, with bold, creative and vibrant accent and background colors.

Download palette

Illustration for the color section of the BrandBook framer template

Color

Brandbook's color palette includes a modern black and white base, with bold, creative and vibrant accent and background colors.

Download palette

Illustration for the color section of the BrandBook framer template

Color

Brandbook's color palette includes a modern black and white base, with bold, creative and vibrant accent and background colors.

Download palette

Illustration for the color section of the BrandBook framer template

Primary palette

Our primary color palette is made up of five distinct colors: Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue. These colors have been carefully chosen to represent our brand and convey our values. Each color has its own unique characteristics and meaning, and together they form a cohesive visual identity for our brand.

Color

HEX

RGB

#E63946

rgb(230,57,70)

#F7A6A4

rgb(247,166,164)

#FAF3EE

rgb(250,243,238)

#8BACAA

rgb(69,123,157)

#1D3557

rgb(29,53,87)

Primary palette

Our primary color palette is made up of five distinct colors: Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue. These colors have been carefully chosen to represent our brand and convey our values. Each color has its own unique characteristics and meaning, and together they form a cohesive visual identity for our brand.

#E63946

rgb(230,57,70)

#F7A6A4

rgb(247,166,164)

#FAF3EE

rgb(250,243,238)

#8BACAA

rgb(69,123,157)

#1D3557

rgb(29,53,87)

Primary palette

Our primary color palette is made up of five distinct colors: Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue. These colors have been carefully chosen to represent our brand and convey our values. Each color has its own unique characteristics and meaning, and together they form a cohesive visual identity for our brand.

Color

HEX

RGB

#E63946

rgb(230,57,70)

#F7A6A4

rgb(247,166,164)

#FAF3EE

rgb(250,243,238)

#8BACAA

rgb(69,123,157)

#1D3557

rgb(29,53,87)

Secondary palette

Our secondary color palette consists of darker shades of our primary colors: deep amaranth, dusk sundown, midnight tutu, stormy hippie blue, and royal regal blue. These shades are meant to be used in conjunction with the primary colors to add depth and contrast to our design elements.

Color

HEX

RGB

#C61824

rgb(230,57,70)

#F05451

rgb(247,166,164)

#E2B89B

rgb(250,243,238)

#355F79

rgb(69,123,157)

#172A44

rgb(29,53,87)

#C61824

rgb(230,57,70)

#F05451

rgb(247,166,164)

#E2B89B

rgb(250,243,238)

#355F79

rgb(69,123,157)

#172A44

rgb(29,53,87)

Tertiary palette

Our tertiary color palette is composed of lighter shades of our primary colors. These colors are mainly used for backgrounds and elements that require a subtle touch of color. They add depth and dimension to our designs while maintaining a cohesive look and feel with our brand.

Color

HEX

RGB

#EC646D

rgb(230,57,70)

#F9BBBA

rgb(247,166,164)

#FBF6F3

rgb(250,243,238)

#659ABB

rgb(69,123,157)

#335E99

rgb(29,53,87)

#EC646D

rgb(230,57,70)

#F9BBBA

rgb(247,166,164)

#FBF6F3

rgb(250,243,238)

#659ABB

rgb(69,123,157)

#335E99

rgb(29,53,87)

Color usage

Primary Palette

Our primary color palette includes vibrant and bold colors that represent our brand's energy and vitality. The five primary colors include Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue. We recommend using these colors for headlines, call-to-action buttons, and other prominent elements that need to grab attention. They are also great for creating contrast and adding visual interest to our design.

Secondary Palette

Our secondary color palette features darker shades of the primary colors, which are perfect for creating a sense of depth and adding more visual weight to our designs. We recommend using these colors for backgrounds, large areas of color, and other elements that need to balance the boldness of our primary palette. The secondary palette includes shades like Dark Amaranth, Sunset Orange, Dark Tutu, Deep Blue, and Navy.

Tertiary Palette

Our tertiary color palette consists of lighter shades of the primary colors and is mainly used for backgrounds, subtle textures, and other elements that require a soft and delicate touch. These colors are also useful for creating a sense of hierarchy and adding depth to our designs. The tertiary palette includes shades like Pale Pink, Peach, Light Gray, Sky Blue, and Light Blue. We recommend using these colors sparingly to maintain a consistent visual identity across all our design assets.

Color usage

Primary Palette

Our primary color palette includes vibrant and bold colors that represent our brand's energy and vitality. The five primary colors include Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue. We recommend using these colors for headlines, call-to-action buttons, and other prominent elements that need to grab attention. They are also great for creating contrast and adding visual interest to our design.

Secondary Palette

Our secondary color palette features darker shades of the primary colors, which are perfect for creating a sense of depth and adding more visual weight to our designs. We recommend using these colors for backgrounds, large areas of color, and other elements that need to balance the boldness of our primary palette. The secondary palette includes shades like Dark Amaranth, Sunset Orange, Dark Tutu, Deep Blue, and Navy.

Tertiary Palette

Our tertiary color palette consists of lighter shades of the primary colors and is mainly used for backgrounds, subtle textures, and other elements that require a soft and delicate touch. These colors are also useful for creating a sense of hierarchy and adding depth to our designs. The tertiary palette includes shades like Pale Pink, Peach, Light Gray, Sky Blue, and Light Blue. We recommend using these colors sparingly to maintain a consistent visual identity across all our design assets.

Color usage

Primary Palette

Our primary color palette includes vibrant and bold colors that represent our brand's energy and vitality. The five primary colors include Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue. We recommend using these colors for headlines, call-to-action buttons, and other prominent elements that need to grab attention. They are also great for creating contrast and adding visual interest to our design.

Secondary Palette

Our secondary color palette features darker shades of the primary colors, which are perfect for creating a sense of depth and adding more visual weight to our designs. We recommend using these colors for backgrounds, large areas of color, and other elements that need to balance the boldness of our primary palette. The secondary palette includes shades like Dark Amaranth, Sunset Orange, Dark Tutu, Deep Blue, and Navy.

Tertiary Palette

Our tertiary color palette consists of lighter shades of the primary colors and is mainly used for backgrounds, subtle textures, and other elements that require a soft and delicate touch. These colors are also useful for creating a sense of hierarchy and adding depth to our designs. The tertiary palette includes shades like Pale Pink, Peach, Light Gray, Sky Blue, and Light Blue. We recommend using these colors sparingly to maintain a consistent visual identity across all our design assets.

Highlights

  • Primary palette: Amaranth, Sundown, Tutu, Hippie Blue, and Regal Blue

  • Secondary palette: Darker shades of primary colors

  • Tertiary palette: Lighter shades of primary colors for backgrounds

Color video overview

How to use our brand colors? What are the dos and don'ts? In this video overview, illustrator and animator, Greg Gunn, walks you through his easy process for making color palettes that work.

NEXT

Typography