developer tools Color System
Supabase's website is a dark-mode-native developer platform that channels the aesthetic of a premium...
Supabase's website is a dark-mode-native developer platform that channels the ae...
Supabase uses #3ecf8e as the primary accent for interactive elements
Carefully selected 8 colors for developer-tools applications
Uses depth system
#3ecf8e
Primary brand color, logo, accent borders
#00c573
Interactive green for links and actions
rgba(62, 207, 142, 0.3)
Subtle green border accent
#0f0f0f
Primary button background, deepest surface
#171717
Page background, primary canvas
#242424
Horizontal rule, section dividers
#2e2e2e
Card borders, tab borders
#363636
Button borders, dividers
/* Supabase Color System */
:root {
--supabase-supabase-green: #3ecf8e;
--supabase-green-link: #00c573;
--supabase-green-border: rgba(62, 207, 142, 0.3);
--supabase-near-black: #0f0f0f;
--supabase-dark: #171717;
--supabase-dark-border: #242424;
--supabase-border-dark: #2e2e2e;
--supabase-mid-border: #363636;
}
/* Example usage */
.supabase-button-primary {
background-color: var(--supabase-supabase-green);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Cursor's website is a study in warm minimalism meets code-editor elegance. The e...
Expo's interface is a luminous, confidence-radiating developer platform built on...
Linear's website is a masterclass in dark-mode-first product design — a near-bla...
Lovable's website radiates warmth through restraint. The entire page sits on a c...