What websites look like Babbel?

Garmin, Y Combinator, HubSpot, Phosphor Icons, Gemini have the closest design to Babbel, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like babbel.com

Websites like Babbel

Babbel's website is light (#F6F4EF), with Feature Text LC headings over Graphik Babbel LCG, 40px headlines at weight 400, 18px corners and an orange accent (#FE4D01). These 12 sites share the most of that look, closest first.

What each site is compared with

Babbel

Background: Light #F6F4EF
Accent: Orange #FE4D01
Font: Feature Text LC / Graphik Babbel LCG
Corners: 18px
Headlines: 40px, weight 400

Garmin2 of 5 same
Background
Light #FFFFFF
Close
Accent
Orange #FF9B00
Close
Font
Superscripts Inside Sup Oswald / SF Pro
Differs
Corners
20px
Same
Headlines
40px, weight 400
Same
Y Combinator2 of 5 same
Background
Light #F5F5EE
Same
Accent
Orange #FB651E
Same
Font
Outfit
Differs
Corners
8px, pill buttons
Differs
Headlines
32px, weight 200
Close
HubSpot2 of 5 same
Background
Light #FCFCFA
Same
Accent
Orange #FF4800
Same
Font
HubSpot Serif / HubSpot Sans
Differs
Corners
23px
Close
Headlines
65px, weight 300
Differs
Phosphor Icons3 of 5 same
Background
Light #EEEAE3
Same
Accent
None, monochrome
Differs
Font
Manrope
Differs
Corners
16px
Same
Headlines
40px, weight 400
Same
Gemini3 of 5 same
Background
Light #FAF9F9
Same
Accent
None, monochrome
Differs
Font
Google Sans Flex
Differs
Corners
18px
Same
Headlines
36px, weight 320
Same
Paddle2 of 5 same
Background
Light #F9F8F7
Same
Accent
Red #FF5329
Same
Font
Serrif Condensed / Inter
Differs
Corners
12px, pill buttons
Close
Headlines
72px, weight 400
Differs
Noom2 of 5 same
Background
Light #F6F4EE
Same
Accent
Red #FB513B
Close
Font
Untitled Serif / Untitled Sans
Differs
Corners
30px, pill buttons
Differs
Headlines
45px, weight 400
Same
Dropbox3 of 5 same
Background
Light #F7F5F2
Same
Accent
Blue #0061FE
Differs
Font
Sharp Grotesk / Atlas Grotesk
Differs
Corners
16px
Same
Headlines
40px, weight 500
Same
Zapier2 of 5 same
Background
Light #FFFEFB
Close
Accent
Orange #FF4F00
Same
Font
Degular Display / Inter
Differs
Corners
18px
Same
Headlines
56px, weight 500
Differs
Cloudflare2 of 5 same
Background
Light #FFFFFF
Close
Accent
Orange #FF5E1F
Same
Font
STK Bureau Sans
Differs
Corners
16px
Same
Headlines
56px, weight 500
Differs
Slite2 of 5 same
Background
Light #FDFDFD
Close
Accent
Orange #F67748
Same
Font
Garnett / Universal Sans
Differs
Corners
16px
Same
Headlines
64px, weight 500
Differs
PostHog2 of 5 same
Background
Light #EEEFE9
Same
Accent
Orange #F54E00
Same
Font
Round Hog
Differs
Corners
6px
Differs
Headlines
36px, weight 800
Differs

How these are matched

Each of the 475 sites in the design library is compared with Babbel on five things you see at a glance. Background: light or dark, and how close the shade is. Accent: the hue of the color on buttons and links. Font: the same family for headings and body, or one of them. Corners: the typical radius and pill buttons. Headlines: the largest type size and its weight. Same counts most, close counts half. Open any site for its fonts, color codes and a prompt for Claude Code, Cursor, Lovable or v0.

Want Babbel itself? See Babbel's fonts and color codes, or print the full report.

Measured from each site's live page as a browser renders it, Babbel on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.