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.