What fonts does Oatly use?
Measured from the captured homepage: Margo Pro for headings and Margo Pro for body copy.
Open full Oatly reference →Observed typography
- Heading font
- Margo Pro
- Body font
- Margo Pro
- System
- One family across both roles
How the page is built
Oatly's captured homepage has 26 sections and 6 inner pages.
- 15 content
- 6 statement
- 2 blog
- 2 features
- 1 footer
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 3 colors, in capture order.
- #ffffff
- #000000
- #222222
Styles recorded: Light, Minimal.
Same category, same heading font
0 of the 132 other captured Food & Drink sites in this library use Margo Pro for headings.
Oatly's website font choices
Captured September 25, 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?
Oatly sets headings and body in Margo Pro, so the hierarchy comes from scale and weight.
Compare it across the library
See the website font trends and the font pairing examples.
Oatly fonts — FAQ
What font does Oatly use?
Oatly uses Margo Pro for headings and Margo Pro for body copy in the captured homepage.
Is Margo Pro free to use?
Check the foundry license for Margo Pro before shipping it. This page records what appeared on Oatly's site and grants no reuse rights.
What colors and sections were captured for Oatly?
3 colors (#ffffff, #000000, #222222) and 26 homepage sections, with 6 inner pages.
Which other sites use Margo Pro and Margo Pro?
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