What websites look like Sweetgreen?

Teachable, Paddle, Thinkific, Tailscale, Readwise have the closest design to Sweetgreen, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like sweetgreen.com

Websites like Sweetgreen

Sweetgreen's website is light (#F4F3E7), with Sweet Sans headings over Sweet Sans Text, 80px headlines at weight 400, 15px corners and a green accent (#E6FF55). These 12 sites share the most of that look, closest first.

What each site is compared with

Sweetgreen

Background: Light #F4F3E7
Accent: Green #E6FF55
Font: Sweet Sans / Sweet Sans Text
Corners: 15px, pill buttons
Headlines: 80px, weight 400

Teachable2 of 5 same
Background
Light #FFFFFF
Close
Accent
Green #E6FF32
Same
Font
Ivyprestoheadline / Peridotpenorm
Differs
Corners
15px
Close
Headlines
75px, weight 400
Same
Paddle2 of 5 same
Background
Light #F9F8F7
Same
Accent
Red #FF5329
Differs
Font
Serrif Condensed / Inter
Differs
Corners
12px, pill buttons
Close
Headlines
72px, weight 400
Same
Thinkific1 of 5 same
Background
Light #F3F1EC
Same
Accent
Yellow #FCCC18
Close
Font
PP Writer / Instrument Sans
Differs
Corners
23px, pill buttons
Close
Headlines
60px, weight 500
Differs
Tailscale1 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Differs
Font
Inter
Differs
Corners
16px
Close
Headlines
64px, weight 500
Close
Readwise1 of 5 same
Background
Light #FBF9F3
Same
Accent
None, monochrome
Differs
Font
Source Serif 4 / Albert Sans
Differs
Corners
10px, pill buttons
Close
Headlines
64px, weight 600
Close
Sketch2 of 5 same
Background
Light #F5F5F5
Same
Accent
None, monochrome
Differs
Font
Reckless / Inter
Differs
Corners
24px, pill buttons
Differs
Headlines
76px, weight 500
Same
Freshworks2 of 5 same
Background
Light #F7F7F4
Same
Accent
None, monochrome
Differs
Font
Lora / Inter
Differs
Corners
24px, pill buttons
Differs
Headlines
72px, weight 400
Same
Oura2 of 5 same
Background
Light #F7F1E8
Same
Accent
None, monochrome
Differs
Font
Editorial New / Akkurat LL
Differs
Corners
Square
Differs
Headlines
80px, weight 300
Same
Lookback2 of 5 same
Background
Light #FAF7F5
Same
Accent
Teal #D3F5EC
Differs
Font
Newzald / Inter
Differs
Corners
28px, pill buttons
Differs
Headlines
76px, weight 500
Same
N262 of 5 same
Background
Light #F2F2F2
Same
Accent
Teal #06736A
Differs
Font
N26
Differs
Corners
8px, pill buttons
Differs
Headlines
80px, weight 500
Same
Instacart2 of 5 same
Background
Light #F6F7F8
Same
Accent
Green #108910
Differs
Font
Instacart Sans
Differs
Corners
16px, pill buttons
Same
Headlines
28px, weight 600
Differs
Canva1 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Differs
Font
Canva Sans
Differs
Corners
12px
Close
Headlines
80px, weight 400
Same

How these are matched

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

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