What fonts does Peet's Coffee use?
Measured from the captured homepage: DIN Condensed for headings and Grad for body copy.
Open full Peet's Coffee reference →Observed typography
- Heading font
- DIN Condensed
- Body font
- Grad
- System
- Two-family hierarchy
How the page is built
Peet's Coffee's captured homepage has 57 sections and 8 inner pages.
- 34 features
- 17 content
- 1 faq
- 1 footer
- 1 hero
- 1 how-it-works
- 1 statement
- 1 testimonials
Other sites that use this pair
No other captured site in this library uses this same pair of fonts.
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #ffffff
- #222222
- #927036
- #000000
- #937031
- #744f28
Styles recorded: Light, Colorful.
Same category, same heading font
1 of the 132 other captured Food & Drink sites in this library use DIN Condensed for headings.
Peet's Coffee's website font choices
Captured September 23, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.
A single family or a two-font system?
Peet's Coffee pairs DIN Condensed for headings with Grad for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Peet's Coffee fonts — FAQ
What font does Peet's Coffee use?
Peet's Coffee uses DIN Condensed for headings and Grad for body copy in the captured homepage.
Is DIN Condensed free to use?
Check the foundry license for DIN Condensed before shipping it. This page records what appeared on Peet's Coffee's site and grants no reuse rights.
What colors and sections were captured for Peet's Coffee?
6 colors (#ffffff, #222222, #927036, #000000, #937031, #744f28) and 57 homepage sections, with 8 inner pages.
Which other sites use DIN Condensed and Grad?
No other captured site in this library uses this same pair of fonts.
Fonts come from the rendered capture and may change when the site does. Library methodology