Supabase Brand Color
The official Supabase brand color is #3FCF8E. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Supabase Color Values
HEX
#3FCF8E
RGB
63, 207, 142
HSL
153, 60%, 53%
Supabase Tints & Shades
A range of lighter tints and darker shades derived from the Supabase base color.
Tint 50%
#EBFAF3
Tint 40%
#CAF2E0
Tint 30%
#A5E9CA
Tint 20%
#85E0B7
Tint 10%
#60D7A2
Base
#3FCF8E
Shade 10%
#2DB477
Shade 20%
#248F5F
Shade 30%
#1C6E49
Shade 40%
#124931
Shade 50%
#092518
Contrast & Accessibility
Contrast ratio: 1.99:1
Contrast ratio: 10.53:1
Frequently Asked Questions
What is the official Supabase color?▾
The official Supabase brand color is #3FCF8E. In RGB this is rgb(63, 207, 142), and in HSL it is hsl(153, 60%, 53%).
What is the Supabase hex code?▾
The Supabase hex color code is #3FCF8E. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Supabase color accessible?▾
Against white, the Supabase color has a contrast ratio of 1.99:1 (fails WCAG AA). Against black, it has 10.53:1 (passes WCAG AA). Black text on this color is accessible.