Search…
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
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
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.
Copy link
On this page
Introduction
Brand Color Overview
Color Ratios