Skip to content
SuiteAnvil
Brand audit · supabase.com

Supabase brand system audit

Supabase runs a technical geometry on a dark carbon canvas, set in Circular. 7 of 9 contrast pairings pass WCAG 2.1 AA and the homepage scores 100/100 for technical SEO.

Reference profileScanned 10 Nov 2026Technical · 4-6 px
Scan Your Own Website
Overall readiness
91
of 100
3 dimensions
Brand consistency
94
WCAG 2.1 contrast
78
SEO readiness
100

01Brand palette

consistency 94/100
#1C1C1C#006239#FFFFFF

02Typography

Clarity at every size

Body copy set in the brand’s text face, at reading size and comfortable measure.

Headings
Circular
previewed with DM Sans
Body
Circular
previewed with DM Sans
Mono / data
Source Code Pro
Google Fonts

03UI vibe & geometry

Supabase
PrimarySecondary
Radius style
Technical · 4-6 px
Controls
6px
Cards
12px
Surface
Dark carbon · #121212 / #1C1C1C / #2E2E2E

04WCAG 2.1 contrast

7/9 AA · 7/9 AAA
PairingColorsRatioAAAAA
AaBody text on surface#EDEDED / #12121216.00:1PassPass
AaSecondary text on surface#A0A0A0 / #1212127.16:1PassPass
AaPrimary as link/text on surface#3ECF8E / #1212129.39:1PassPass
AaButton label on primary#111113 / #3ECF8E9.45:1PassPass
AaAccent on surface#24B47E / #1212127.05:1PassPass
AaWhite on secondary#FFFFFF / #EDEDED1.17:1FailFail
AaBody text on white#EDEDED / #FFFFFF1.17:1FailFail
AaDark mode: text on canvas#F5F5F7 / #0C111117.47:1PassPass
AaDark mode: primary on canvas#3ECF8E / #0C11119.53:1PassPass

05SEO readiness

14 of 14 checks pass
100
score / 100
Sitemap with 3,505 URLs · JSON-LD Organization, WebSite, SoftwareApplication
  • passTitle tag44 chars: “Supabase | The Postgres Development Platform”
  • passMeta description159 chars
  • passSingle H1 heading1 H1 element(s)
  • passCanonical URLhttps://supabase.com/
  • passHTML lang attributelang="en"
  • passMobile viewportwidth=device-width, initial-scale=1
  • passOpen Graph tags3/3 of og:title, og:description, og:image
  • passTwitter / X cardsummary_large_image
  • passStructured data (JSON-LD)Organization, WebSite, SoftwareApplication, Service
  • passHTTPSServed over HTTPS
  • passIndexable (robots meta)No robots restrictions
  • passXML sitemap3505 URLs · https://supabase.com/sitemap.xml
  • passFavicon / touch iconIcon link present
  • passImage alt text100% of 57 images

supabase.com brand audit FAQ

What are Supabase's brand colors?

Supabase uses #3ECF8E as its primary color, #EDEDED as secondary and #24B47E as accent, on a #121212 surface with #EDEDED text (snapshot from 10 Nov 2026).

Which fonts does supabase.com use?

Headings and body text are set in Circular (free stand-in: DM Sans). Proprietary faces are paired with the closest free Google Fonts family for documents and previews.

Does supabase.com pass WCAG contrast checks?

7 of 9 key color pairings pass WCAG 2.1 AA and 7 pass AAA. The full PDF report suggests a passing replacement color for every pairing that fails.

What is supabase.com's technical SEO score?

The homepage scores 100/100 across 14 technical SEO checks, with 14 passing: title, meta description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and image alt text among them.

How was this Supabase audit made?

SuiteAnvil StyleExtract read the public homepage of supabase.com, its CSS, logo, metadata and sitemap. Run the same audit on any URL for free and export the PDF report or Tailwind v4 tokens.

Take this audit further.

The full report adds prioritized findings, the tonal scale, dark-mode tokens and a developer appendix with Tailwind v4, CSS variables, .cursorrules and DESIGN.md.

Scan Your Own Website
Embed on your site (free)Link the Supabase press kit or show the live brand score badge.
Option A: footer link

A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.

<a href="https://suiteanvil.com/kit/supabase.com">Press &amp; Brand Kit</a>
Option B: live score badge
Brand and WCAG score for supabase.com by SuiteAnvil

The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.

<a href="https://suiteanvil.com/audit/supabase.com"><img src="https://suiteanvil.com/api/badge/supabase.com.svg" alt="Brand and WCAG score for supabase.com by SuiteAnvil" height="20"></a>
Option B in Markdown (GitHub README)
[![Brand and WCAG score for supabase.com by SuiteAnvil](https://suiteanvil.com/api/badge/supabase.com.svg)](https://suiteanvil.com/audit/supabase.com)

Snapshot of supabase.com’s public website from 10 Nov 2026, produced by SuiteAnvil StyleExtract. Values change as the site evolves. Supabase and its marks belong to their owner; SuiteAnvil is not affiliated with or endorsed by Supabase.

SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice