Color Palette
Brand Colors
#3b2315
Espresso
Primary text, headers, dark UI elements
RGB: 59, 35, 21
HEX: #3b2315
HEX: #3b2315
#e07b39
Accent Orange
CTAs, highlights, interactive states
RGB: 224, 123, 57
HEX: #e07b39
HEX: #e07b39
#d4a053
Gold
Secondary accents, badges, icons
RGB: 212, 160, 83
HEX: #d4a053
HEX: #d4a053
#fdf8f4
Cream
Page backgrounds, soft containers
RGB: 253, 248, 244
HEX: #fdf8f4
HEX: #fdf8f4
#5c3d2e
Dark Brown
Secondary text, subtle borders
RGB: 92, 61, 46
HEX: #5c3d2e
HEX: #5c3d2e
#8b5e3c
Warm Brown
Supporting graphics, gradients
RGB: 139, 94, 60
HEX: #8b5e3c
HEX: #8b5e3c
Typography
Type System
Font Families
Heading Font: Georgia
Body Font: Segoe UI / System Sans
Type Scale
H1 / 2.4remPremium Quality
H2 / 1.8remSustainable Packaging
H3 / 1.4remCustom Branding Options
BodyEveryday content and descriptions.
CaptionSupporting notes and metadata.
Usage
Practical Application
Buttons & Interactive
Primary actions use Accent Orange. Secondary uses outline or muted tones.
Hover states lighten/darken by 8-12% for accessibility.
Text Hierarchy in Context
Headlines should guide scanning behavior. Body text maintains 1.5-1.7 line height for readability. Captions support metadata without competing for attention.
This sample demonstrates proper contrast and spacing ratios used across Cup Source digital properties.
Accessibility Standards: All color combinations meet WCAG 2.1 AA minimum contrast ratios (4.5:1 for normal text, 3:1 for large text). Interactive elements include visible focus states. Typography scales use relative units (rem) for user-controlled font sizing.