Bloom is now Rainbrand

(Brand guidelines) // Developer tools

Supabase brand
guidelines

Supabase’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from supabase.com.

Download the Brand Skill
Supabase logo in green and white
  • Supabase green#3ECF8E
  • Dark gray#1C1C1C
  • Light gray#F8F8F8

About Supabase

Supabase is an open-source Postgres development platform for building applications, with integrated backend services including authentication, APIs, functions, realtime, storage, and vector search. Its brand communicates practical developer empowerment: a modular platform that is open, portable, and ready to scale.

Use the Supabase wordmark, the symbol together with the Supabase lettering, by default when there is room for the name. Use the standalone green symbol in small spaces such as avatars, app icons or a row of partner logos. Select a logo variant for the background behind it: the green-and-black wordmark is for light backgrounds, and the green-and-white wordmark is for dark backgrounds. The single-color black and white wordmarks are for one-color printing or placement over a photo. Every wordmark includes the symbol; there is no lettering-only version.

Use the official files as they are. Keep their colors intact and do not repaint or alter the mark. Write the name as “Supabase”: one word, capital S.

Supabase colors

  • Supabase green

    Signature green and main logo-symbol color

    HEX
    RGB

  • Dark gray

    Background behind the logo

    HEX
    RGB

  • Light gray

    Background behind the logo

    HEX
    RGB

Supabase fonts

  • Inter

    Headings · 500, Body · 400

  • Manrope

    Customer quotes · 500

  • Source Code Pro

    Code · 400

Font names only. The Brand Skill download doesn’t include font files.

Supabase’s voice

Write for developers in a clear, direct, confident, and practical voice. Pair straightforward technical detail with an emphasis on flexibility, openness, and building at scale. Keep claims concrete and focused on what teams can do.

  • “Build in a weekend, scale to millions”
  • “Use one or all. Best of breed products. Integrated as a platform”
  • “Open source from day one”
  • “Read, contribute, self-host. You’re never locked in, and always in control”

Dos and don’ts

Do

  • Use the wordmark by default when the layout has room for the Supabase name; choose the background-appropriate version.
  • Use the standalone symbol when space is limited.
  • Keep the logo artwork and its colors unchanged.
  • Write “Supabase” as one word with a capital S.
  • Keep copy direct, technically grounded, and focused on developer capability, openness, and scale.

Don’t

  • Don’t repaint or alter the logo artwork or its colors.
  • Don’t use the standalone symbol where the name is needed and space allows the wordmark.
  • Don’t spell the name “SupaBase” or “Supa Base.”
  • Don’t use the Supabase logos for anything other than referring to Supabase.

More from the Brand Skill

Brand and marketing imagery

Use Supabase’s own identity and marketing imagery to anchor branded creative work, including social-sharing graphics and editorial and product-marketing artwork.

Product and interface imagery

Supabase’s product storytelling uses real interface and workflow imagery: database tables, SQL, branching and replicas, compute and storage controls, authentication, and deployment or observability views. Use product visuals to make technical capabilities tangible.

Integration imagery

The Connect Supabase buttons are integration controls for starting an OAuth flow, not logos. Use the matching button artwork for its intended light or dark setting.

Partnership imagery

Supabase presents partnerships, such as its work with Vercel, as co-branded imagery. Keep that partnership context when drawing on it for partnership-related creative work.

Download Supabase’s Brand Skill

A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Supabase’s guidelines. It starts at SKILL.md, which points to the right file for each task.

This copy includes the guidance and logos. It leaves out the reference images and font files.

Download the Brand Skill

supabase-brand-skill/

├ SKILL.md

├ README.md

├ references/

│ ├ voice.md

│ ├ dos-and-donts.md

│ ├ brand-imagery.md

│ ├ product-interface-imagery.md

│ ├ color.md

│ ├ logo.md

│ ├ integration-imagery.md

│ ├ typography.md

│ └ partnership-imagery.md

└ assets/logos/

├ supabase-wordmark-2.svg

├ supabase-wordmark.svg

├ supabase-icon.svg

├ supabase-wordmark-3.svg

└ supabase-wordmark-4.svg

Rainbrand’s Brand Agent built this Brand Skill from supabase.com on 30 Oct 2026. It isn’t Supabase’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand.

Supabase and its logos are trademarks of Supabase, Inc. Rainbrand isn’t affiliated with or endorsed by Supabase, Inc.

Make one for
your brand.

Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date.

Get startedRead the docs

  1. Open the Rainbrand plugin and add it.

    Open Rainbrand plugin (opens in a new tab)

  2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex.

See all brands

Rainbrand builds and maintains shared brand context for your agents and products.

Get startedRead the docs (opens in a new tab)