What fonts does Ocean Conservancy use?

Measured from the captured homepage: Geologica for headings and Inter for body copy.

Ocean Conservancy website design referenceOpen full Ocean Conservancy reference →

Observed typography

Heading font
Geologica
Body font
Inter
System
Two-family hierarchy

How the page is built

Ocean Conservancy's captured homepage has 26 sections and 5 inner pages.

  • 20 content
  • 5 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 6 colors, in capture order.

  • #ffffff
  • #3a4d59
  • #001a2a
  • #f39820
  • #000000
  • #1c2827

Styles recorded: Light.

Same category, same heading font

0 of the 257 other captured Lifestyle sites in this library use Geologica for headings.

Ocean Conservancy'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?

Ocean Conservancy pairs Geologica for headings with Inter for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Ocean Conservancy fonts — FAQ

What font does Ocean Conservancy use?

Ocean Conservancy uses Geologica for headings and Inter for body copy in the captured homepage.

Is Geologica free to use?

Check the foundry license for Geologica before shipping it. This page records what appeared on Ocean Conservancy's site and grants no reuse rights.

What colors and sections were captured for Ocean Conservancy?

6 colors (#ffffff, #3a4d59, #001a2a, #f39820, #000000, #1c2827) and 26 homepage sections, with 5 inner pages.

Which other sites use Geologica and Inter?

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