Brand Colors

Introduction
For a comprehensive overview of Customer.io color usage, please see Foundations Colors​
Brand Color Overview
Color
Name
Hex
Use Case
​
​
purple-900
#331673
Primary buttons
​
​
ink-900
#2F326A
• Typography and Illustration outlines
• Illustration outlines may also use ink-700 and on rare occasions white
​
​
ink-700
​
Outline color for illustrations. (This decision was made so that illustration outlines will be visible on top of the (often used) ink-900 background)
​
​
​
​
​
​
​
​
​
​
​
​
500-level colors
See Foundations Colors​
Used as the primary fill colors for illustrations to make them appear bold and consistent. On rare occasions, different colors from the Foundations Palette can be used.
​
​
​
​
​
White, Gray-100, Plum-100, Purple-100, ink-900
See Foundations Colors​
Background colors
Color Ratios
With few exceptions, when designing brand materials, color ratios should remain heavily rooted in one of three base colors (White 
, gray-100 
, or ink-100 
) with one or two contrasting colors for text, and (optionally) a single highlight color.
​
​
​
​

brand - Previous

Brand Typography

Next - brand

Logo

Last modified 1mo ago

Copy link

On this page

Introduction

Brand Color Overview

Color Ratios