Color & Typography
Balanced • Fresh • Professional
Our colors and typography create a modern, approachable, and confident brand identity. Each choice reflects clarity, sophistication, and a sense of trust, while keeping the overall look vibrant and welcoming.
Chaffinch Color System
A balanced palette of deep, vibrant, and neutral tones that creates a professional, approachable, and memorable brand identity.
Primary Colors
Stormy Teal
Dark, moody teal swirling with stormy skies, conjuring drama, depth, and subtle elegance laced with modern appeal.
Usage: Logos, headers, primary buttons, key brand visuals
HEX:
#005E5D
RGB:
(0, 94, 93)
CMYK:
(100%, 0%, 1%, 63%)
PANTONE:
7721 C
Celadon
Soft pastel green reminiscent of dew on spring leaves, radiating gentleness, optimism, and soothing uplift.
Usage: Secondary buttons, icons, highlights, small details
HEX:
#80E0A7
RGB:
(128, 224, 167)
CMYK:
(43%, 0%, 25%, 12%)
PANTONE:
353 C
Secondary Colors
Honey Dew
Delicate as morning mist on fresh grass, this pale green whispers of renewal, peace, and gentle optimism.
Usage: Page backgrounds, cards, subtle UI surfaces
HEX:
#D1E0D7
RGB:
(209, 224, 215)
CMYK:
(7%, 0%, 4%, 12%)
PANTONE:
621 C
Alabaster Grey
Pale, misty grey that whispers of modern elegance and refined calm, imparting balance and understated chic.
Usage: Forms, secondary backgrounds, dividers, light UI elements
HEX:
#E5E1E6
RGB:
(128, 224, 167)
CMYK:
(43%, 0%, 25%, 12%)
PANTONE:
663 C
Evergreen
Shadowy woodland depths blend silence and strength, inviting contemplation and earthy, subtle sophistication.
Usage: Text, icons, CTAs, high-contrast areas, backgrounds
HEX:
#002829
RGB:
(0, 40, 41)
CMYK:
(100%, 3%, 0%, 84%)
PANTONE:
5463 C
Color Combinations
Stormy Teal + Celadon
Bold yet refreshing, combining stability with a vibrant accent.
Dark Green + Celadon
Strong contrast with a pop of brightness, ideal for focus and emphasis.
Stormy Teal + Honey Dew
Grounded and natural, creating calm, approachable surfaces.
Celadon + Platinum
Soft and airy, evoking friendliness and clarity.
Brand Gradients
Coastal Depth
Hero sections, headers, primary CTAs, banners
Mint Horizon
Cards, forms, secondary backgrounds, section highlights
Serene Mist
Page backgrounds, overlays, UI surfaces
Brand Spectrum
Backgrounds, overlays, buttons
Typography System
Two carefully selected typefaces that work in perfect harmony to create a sophisticated and readable brand voice.
Display & Headlines
Primary Font - Aller
Chaffinch Brand
Hero headlines, main brand moments
Professional Excellence
Section headers
Trusted by Industry Leaders
Sub-headers
Card Titles
Card titles
Body & Interface
Secondary Font - Source Sans 3
Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website.
Lead paragraphs, important descriptions
Standard body text provides comfortable reading for most content areas, maintaining clarity and readability across all devices and screen sizes.
Main content, articles, descriptions
Small text for captions, metadata, and secondary information that supports the main content without competing for attention.
Captions, labels, secondary info