What websites look like Patreon?

React, Beautiful.ai, Roam Research, Heroku, HeyGen have the closest design to Patreon, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like patreon.com

Websites like Patreon

Patreon's website is light (#F7F3F5), with Oracle, 40px headlines at weight 700, 32px corners and a blue accent (#5FC1F1). These 12 sites share the most of that look, closest first.

What each site is compared with

Patreon

Background: Light #F7F3F5
Accent: Blue #5FC1F1
Font: Oracle
Corners: 32px, pill buttons
Headlines: 40px, weight 700

React2 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #087EA4
Same
Font
Optimistic Display / Optimistic Text
Differs
Corners
21px, pill buttons
Close
Headlines
52px, weight 600
Close
Beautiful.ai3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #00B9FF
Same
Font
Post Grotesk
Differs
Corners
12px, pill buttons
Differs
Headlines
38px, weight 700
Same
Roam Research3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Same
Font
Inter
Differs
Corners
8px
Differs
Headlines
44px, weight 700
Same
Heroku3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0176D3
Same
Font
Avant Garde / Salesforce Sans
Differs
Corners
4px
Differs
Headlines
40px, weight 600
Same
HeyGen2 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #00C3FF
Same
Font
ABC Solar Display / TT Norms Pro
Differs
Corners
28px
Close
Headlines
60px, weight 400
Differs
WIRED2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #057DBC
Same
Font
Breve Text
Differs
Corners
16px, pill buttons
Differs
Headlines
32px, weight 700
Close
Apple2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0071E3
Same
Font
SF Pro Display / SF Pro Text
Differs
Corners
22px, pill buttons
Close
Headlines
56px, weight 600
Differs
Hopper1 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1878EC
Close
Font
Proxima Nova
Differs
Corners
29px
Close
Headlines
32px, weight 800
Close
Iconify2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #026C9C
Same
Font
Inter
Differs
Corners
11px
Differs
Headlines
48px, weight 700
Close
Elastic1 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0B64DD
Close
Font
Geist Mono / Inter
Differs
Corners
21px
Close
Headlines
44px, weight 500
Close
Microsoft Azure2 of 5 same
Background
Light #F7F7F7
Same
Accent
Blue #0078D4
Same
Font
Segoe UI Variable Display / Segoe UI Variable Text
Differs
Corners
8px
Differs
Headlines
48px, weight 500
Close
Jotform2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0075E3
Same
Font
Circular
Differs
Corners
10px, pill buttons
Differs
Headlines
32px, weight 500
Close

How these are matched

Each of the 475 sites in the design library is compared with Patreon 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 Patreon itself? See Patreon's fonts and color codes, or print the full report.

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