← All brands
Supabase logo

Supabase

Build in a weekend. Scale to millions.

verifiedsupabase.com

Supabase is the open source Firebase alternative — a Postgres database, authentication, storage, edge functions, and realtime, all in one. The brand is developer-native and dark-first: a near-black canvas, a single confident emerald accent lifted straight from the elephant mark, monospace where it counts, and zero fluff.

Color

primarydark
Supabase Green
#3ecf8e

The single emerald accent — CTAs, links, the elephant mark.

secondary
Seafoam
#95e6b8

Secondary brand color.

accent
Pale Indigo
#bda4ff

Accent: highlights and secondary emphasis.

surface
White
#ffffff

Page and card background.

text
Black
#000000

Body text on surface.

Typography

headingManropebodyInter
Interinter
google

Build in a weekend. Scale to millions.

Weights:
300, 400, 500, 600, 700, 800
Manropemanrope
google

Build in a weekend. Scale to millions.

Weights:
300, 400, 500, 600, 700, 800

Gradient

Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.

Brand--brand-gradient
linear-gradient(135deg in oklch shorter hue, #9cffce 0%, #3ecf8e 50%, #009559 100%)

Worst-case contrast — white 1.19:1 · black 5.44:1 AA

Aa
Hero--brand-gradient-hero
linear-gradient(135deg in oklch shorter hue, #d0efde 0%, #95bda6 50%, #658671 100%)

Worst-case contrast — white 1.23:1 · black 5.20:1 AA · ink #000000

Aa
Button--brand-gradient-button
linear-gradient(180deg in oklch shorter hue, #4fdc9a 0%, #2ac282 100%)

Worst-case contrast — white 1.75:1 · black 9.14:1 AA · ink #000000

Logo Inventory

Supabase primary logo
primary
svg
Supabase mark logo
mark
svg
Supabase mono logo
mono
svg
Supabase inverse logo
inverse
svg
Supabase favicon logo
favicon
png
Supabase app-icon logo
app-icon
png
mcpConnect your agent to Supabase
live endpoint

Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.

endpointhttps://mcp.brandsweets.com/supabase/mcp
.mcp.json
{
  "mcpServers": {
    "brandsweets-supabase": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/supabase/mcp"
    }
  }
}
claude codeclaude mcp add --transport http brandsweets-supabase https://mcp.brandsweets.com/supabase/mcp

Supabase trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →