What fonts does Tinder use?
Measured from the captured homepage: Society for headings and Regola for body copy.
Open full Tinder reference →Observed typography
- Heading font
- Society
- Body font
- Regola
- System
- Two-family hierarchy
How the page is built
Tinder's captured homepage has 18 sections and 5 inner pages.
- 10 features
- 4 content
- 3 statement
- 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.
- #f0eeee
- #5a000f
- #ffffff
- #f1e6ef
- #dfe7f6
- #514b4a
Styles recorded: Light.
Tinder'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?
Tinder pairs Society for headings with Regola for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Tinder fonts — FAQ
What font does Tinder use?
Tinder uses Society for headings and Regola for body copy in the captured homepage.
Is Society free to use?
Check the foundry license for Society before shipping it. This page records what appeared on Tinder's site and grants no reuse rights.
What colors and sections were captured for Tinder?
6 colors (#f0eeee, #5a000f, #ffffff, #f1e6ef, #dfe7f6, #514b4a) and 18 homepage sections, with 5 inner pages.
Which other sites use Society and Regola?
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