Coconut+Whiterock
Whiterock provides a sophisticated base for Coconut's bold headlines
Coconut headlines + Whiterock body
Coconut + Whiterock Font Pairing
This font pairing combines Coconut headlines with Whiterock body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.
Whiterock headlines + Coconut body
Whiterock + Coconut Font Pairing
Reversing the roles demonstrates the versatility of this Display and Serif font pairing for diverse design applications.
Why This Pairing Works
- Complementary Contrast: Coconut's distinctive letterforms designed for large sizes pairs effectively with Whiterock's refined letterforms with decorative terminals, creating visual interest without conflict.
- Functional Balance: Each typeface excels in its role—Coconut creating memorable first impressions while Whiterock focuses on enhancing readability in long-form content.
- Readability: Whiterock's traditional typography roots with timeless appeal complements Coconut's expressive personality and visual impact, ensuring optimal legibility across contexts.
- Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and luxury brand identities.
Best Used For
Web Design & Digital Interfaces
Use Coconut for headlines, navigation, and hero sections where impact matters. Apply Whiterock to body copy, UI elements, and supporting text for optimal screen readability.
Print & Editorial
Coconut excels in headlines and hero sections, while Whiterock provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.
Brand Identity
Establish your primary brand voice with Coconut in logos and key messaging. Extend the system with Whiterock across marketing materials and corporate communications.
Recommended Sizing
- Coconut: 24px–72px for headings, 18px–24px for subheadings
- Whiterock: 14px–18px for body text, 12px–14px for captions