Supabase Colors

Supabase, Inc. is an open-source Firebase alternative for building secure backends. Its branding and interface designs feature Jungle Green, Athens Gray, and Bunker as primary colors. We've made it easy for you to copy these colors in Hex, CMYK, RGB, and other popular formats.

Access our full UI & UX library today.

Join for free

What are the key colors you'll encounter when exploring Supabase's UI?

Supabase builds its visual identity around three primary colors: a striking Jungle Green (#34B27B), a versatile Athens Gray (#F8F9FA), and a solid Bunker (#11181C). We find this combination offers a fantastic reference for creating a clean, professional interface for your own designs.

What do the colors represent in the Supabase app and website designs we've curated?

Supabase's signature Jungle Green (#34B27B) embodies growth and gives you the 'green light' to build, conveying speed and success. This vibrant energy is grounded by the professional depth of Bunker (#11181C) and the clean canvas of Athens Gray (#F8F9FA), creating a palette that feels both innovative and trustworthy.

What's the story behind Supabase's distinctive brand colors?

While the specific origin story isn't widely detailed, we see Supabase's vibrant yet grounded palette as a masterclass in balancing developer-focused energy with enterprise-ready trust. It’s a fantastic reference for when you need your product to feel both innovative and reliable.

How does Supabase use color psychology in its interface designs?

In our analysis, we see how Supabase strategically uses color to create a clear path for you. The vibrant Jungle Green acts as a powerful signifier for primary actions, while the high contrast between Bunker and Athens Gray ensures a focused, uncluttered experience that lets you build without distraction.

What are some great colors you can use to complement Supabase's primary green (#34B27B)?

To introduce a dynamic contrast, we suggest pairing Supabase's signature green with a warm terracotta for an earthy, energetic feel, or a deep navy blue to evoke a more professional and sophisticated look in your designs.

What brands and color palettes can I find in your library to spark my next design?

On our brand colors page, you can explore a curated list of color palettes from top companies. We also offer access to thousands of other UI designs and interfaces, making it a great resource for finding new color combinations and getting inspiration from real-world examples.

How can you use our library to ensure your work is always at the forefront of UI/UX design?

Our platform offers an extensive, constantly updated library of mobile and web design patterns, allowing you to see the latest trends in everything from color usage to intricate user flows. By exploring our collection, you can easily keep a pulse on current design practices and stay ahead of the curve in the industry.
You can try Mobbin today for free for as long as you like, or get full access with any of our paid plans.