What websites look like Coolors?

Hasura, Umami, Signal, Motion app, Notion have the closest design to Coolors, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like coolors.co

Websites like Coolors

Coolors's website is light (#FFFFFF), with Inter, 110px headlines at weight 800, 8px corners and a blue accent (#2563EB). These 12 sites share the most of that look, closest first.

What each site is compared with

Coolors

Background: Light #FFFFFF
Accent: Blue #2563EB
Font: Inter
Corners: 8px
Headlines: 110px, weight 800

Hasura4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3970FD
Same
Font
Inter
Same
Corners
12px, pill buttons
Close
Headlines
120px, weight 700
Same
Umami4 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #2B7FFF
Same
Font
Inter
Same
Corners
8px
Same
Headlines
72px, weight 700
Differs
Signal4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C6BED
Same
Font
Inter
Same
Corners
8px
Same
Headlines
60px, weight 800
Differs
Motion app3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C77E7
Same
Font
Albert Sans / Inter
Close
Corners
8px
Same
Headlines
88px, weight 600
Close
Notion3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0075DE
Close
Font
Inter
Same
Corners
8px
Same
Headlines
96px, weight 600
Close
Unity3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3A5BC7
Same
Font
Inter
Same
Corners
8px, pill buttons
Close
Headlines
120px, weight 500
Differs
WordPress.com3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3858E9
Same
Font
Inter
Same
Corners
8px, pill buttons
Close
Headlines
80px, weight 500
Differs
Grafana3 of 5 same
Background
Light #F4F4F6
Same
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Close
Corners
6px
Same
Headlines
60px, weight 600
Differs
Roam Research3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Close
Font
Inter
Same
Corners
8px
Same
Headlines
44px, weight 700
Differs
Tailwind CSS3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #00A6F4
Differs
Font
Inter
Same
Corners
8px
Same
Headlines
96px, weight 600
Close
Plane2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006399
Close
Font
Inter
Same
Corners
10px, pill buttons
Close
Headlines
120px, weight 570
Differs
Buttondown2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0069FF
Same
Font
Auto Pro / Inter
Close
Corners
14px, pill buttons
Differs
Headlines
96px, weight 900
Close

How these are matched

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

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