GitHub Inspired Color Palette
White canvas with dark charcoal text, signature blue links, and vibrant green action buttons define GitHub's developer experience. This familiar palette powers code hosting platforms, open-source project pages, and developer portfolios.
#24292E
Dark Blue
RGB(36, 41, 46)
HSL(210, 12%, 16%)
#0366D6
Vivid Blue
RGB(3, 102, 214)
HSL(212, 97%, 43%)
#28A745
Green
RGB(40, 167, 69)
HSL(134, 61%, 41%)
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#F6F8FA
Dusty Blue
RGB(246, 248, 250)
HSL(210, 29%, 97%)
#D1D5DA
Dusty Blue
RGB(209, 213, 218)
HSL(213, 11%, 84%)
lightbulbBest Use Cases
- checkCode platforms
- checkOpen-source projects
- checkDeveloper portfolios
businessIndustries
- checkTechnology
- checkDeveloper Tools
Mood:familiar
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #24292E;
--color-2: #0366D6;
--color-3: #28A745;
--color-4: #FFFFFF;
--color-5: #F6F8FA;
--color-6: #D1D5DA;
}Tailwind CSS Config
colors: {
'github-inspired-1': '#24292E',
'github-inspired-2': '#0366D6',
'github-inspired-3': '#28A745',
'github-inspired-4': '#FFFFFF',
'github-inspired-5': '#F6F8FA',
'github-inspired-6': '#D1D5DA',
}githubdeveloperblueopen-sourcefamiliar
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free