GitHub colors
The GitHub color palette has 6 colors: GitHub Green #0FBF3E, Gray 6 #101411, Gray 1 #F2F5F3, Gray 4 #909692, Copilot Purple #8534F3 and Security Blue #3094FF. Below are HEX, RGB, HSL and OKLCH codes, contrast checks, CSS and Tailwind variables, all from official guidelines checked on 16 October 2026.
GitHub color codes
| Color | Role | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| GitHub Green | Primary | #0FBF3E | rgb(15, 191, 62) | hsl(136, 85%, 40%) | oklch(70.1% 0.213 145.7) |
| Gray 6 | Text | #101411 | rgb(16, 20, 17) | hsl(135, 11%, 7%) | oklch(18.6% 0.009 153.1) |
| Gray 1 | Background | #F2F5F3 | rgb(242, 245, 243) | hsl(140, 13%, 95%) | oklch(96.7% 0.004 157.2) |
| Gray 4 | Neutral | #909692 | rgb(144, 150, 146) | hsl(140, 3%, 58%) | oklch(66.7% 0.009 157) |
| Copilot Purple | Secondary | #8534F3 | rgb(133, 52, 243) | hsl(265, 89%, 58%) | oklch(55% 0.258 295.7) |
| Security Blue | Secondary | #3094FF | rgb(48, 148, 255) | hsl(211, 100%, 59%) | oklch(66.4% 0.182 253.7) |
Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.
Where the GitHub colors come from
These hex values are published by GitHub in its own brand guidelines. We fetched the page on 16 October 2026 and copied the values exactly; nothing here is estimated from a logo image.
- Source: https://brand.github.com/foundations/color checked 2026-10-16
GitHub color contrast
Black text on GitHub Green has a contrast ratio of 8.54:1 and passes WCAG AAA for any text size. Used as a text color, GitHub Green reaches 2.45:1 on white and 8.54:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.
| Pair | WCAG 2 ratio | WCAG 2 result | APCA | APCA guidance |
|---|---|---|---|---|
| White on GitHub Green | 2.45:1 | Fails | Lc -52.6 | Large or bold text, headings |
| Black on GitHub Green | 8.54:1 | AAA | Lc 56.4 | Large or bold text, headings |
| White on Gray 6 | 18.58:1 | AAA | Lc -107.2 | Preferred for body text |
| Black on Gray 6 | 1.13:1 | Fails | Lc 0.0 | Not readable |
| White on Gray 1 | 1.09:1 | Fails | Lc 0.0 | Not readable |
| Black on Gray 1 | 19.13:1 | AAA | Lc 99.6 | Preferred for body text |
| White on Gray 4 | 3.01:1 | AA large text | Lc -62.3 | Content text, not long reading |
| Black on Gray 4 | 6.96:1 | AA | Lc 47.1 | Large or bold text, headings |
| White on Copilot Purple | 5.55:1 | AA | Lc -81.9 | Fine for body text |
| Black on Copilot Purple | 3.78:1 | AA large text | Lc 27.6 | Dividers and decoration only |
| White on Security Blue | 3.08:1 | AA large text | Lc -62.6 | Content text, not long reading |
| Black on Security Blue | 6.80:1 | AA | Lc 46.8 | Large or bold text, headings |
| Pair | WCAG 2 ratio | WCAG 2 result | APCA | APCA guidance |
|---|---|---|---|---|
| Gray 6 on Gray 1 | 16.92:1 | AAA | Lc 98.7 | Preferred for body text |
| Gray 6 on GitHub Green | 7.55:1 | AAA | Lc 55.5 | Large or bold text, headings |
| Gray 6 on Gray 4 | 6.16:1 | AA | Lc 46.3 | Large or bold text, headings |
| Gray 6 on Security Blue | 6.02:1 | AA | Lc 45.9 | Large or bold text, headings |
GitHub colors in CSS and Tailwind
Copy the GitHub palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from GitHub Green, for hover states, borders and tinted backgrounds.
:root {
--github-green: #0FBF3E;
--github-gray-6: #101411;
--github-gray-1: #F2F5F3;
--github-gray-4: #909692;
--github-copilot-purple: #8534F3;
--github-security-blue: #3094FF;
}@import "tailwindcss";
@theme {
--color-github-green: #0FBF3E;
--color-github-gray-6: #101411;
--color-github-gray-1: #F2F5F3;
--color-github-gray-4: #909692;
--color-github-copilot-purple: #8534F3;
--color-github-security-blue: #3094FF;
}@theme {
--color-github-50: #EEF9EE;
--color-github-100: #DAF1DB;
--color-github-200: #BBE7BC;
--color-github-300: #86D78B;
--color-github-400: #0FBF3E;
--color-github-500: #00A633;
--color-github-600: #008C29;
--color-github-700: #007621;
--color-github-800: #00611A;
--color-github-900: #005114;
--color-github-950: #003008;
}Named colors closest to the GitHub palette
The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.
| Brand color | HEX | Nearest named color | Named HEX | ΔE OK |
|---|---|---|---|---|
| GitHub Green | #0FBF3E | Shamrock Green | #02C14D | 0.013 |
| Gray 6 | #101411 | Rich Navy | #001219 | 0.034 |
| Gray 1 | #F2F5F3 | White Smoke | #F5F5F5 | 0.005 |
| Gray 4 | #909692 | Warm Grey | #978A84 | 0.033 |
| Copilot Purple | #8534F3 | Blue Violet | #8A2BE2 | 0.031 |
| Security Blue | #3094FF | Dodger Blue | #1E90FF | 0.014 |
How to use a GitHub-style palette
- Lead with GitHub Green #0FBF3E for buttons, links and key highlights, with black text on it.
- Give most of the layout to Gray 6 #101411, Gray 1 #F2F5F3 and Gray 4 #909692, about 60% of the screen, so GitHub Green stands out.
- Keep Copilot Purple and Security Blue for small accents (around 10%): status colors, illustrations or charts.
- As text on a white page, GitHub Green reaches 2.45:1: it fails WCAG 2 for text there, so keep it for icons, fills and borders.
To see how github.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn GitHub Green into a full light and dark color system with accessible roles, open it in the Color System Studio.
More brand colors
- Google colors#4285F4 #EA4335 #FBBC05 #34A853
- Apple colors#0071E3 #0066CC #1D1D1F #F5F5F7
- T-Mobile colors#E20074 #A7005A #770141 #000000
- Microsoft colors#F25022 #7FBA00 #00A4EF #FFB900
- Figma colors#FF3737 #FF7237 #874FFF #00B6FF
- Shopify colors#95BF47 #5E8E3E #008060 #18181B
- Trello colors#0052CC #2684FF #253858
- Duolingo colors#58CC02 #1CB0F6 #FF4B4B #FFC800
- Dropbox colors#0061FE #1E1919 #F7F5F2 #14C8EB
- Slack colors#4A154B #E01E5A #36C5F0 #2EB67D
- Notion colors#000000 #0075DE #191918 #FFB110
- Linear colors#5E6AD2 #7170FF #F4F5F8 #222326
Trademarks
Frequently asked questions
What is the GitHub hex color?
The main GitHub color is GitHub Green #0FBF3E, which is rgb(15, 191, 62) in RGB. It comes from GitHub's own brand guidelines, checked on 16 October 2026.
What colors does GitHub use?
GitHub uses 6 core colors: GitHub Green #0FBF3E, Gray 6 #101411, Gray 1 #F2F5F3, Gray 4 #909692, Copilot Purple #8534F3 and Security Blue #3094FF.
What is GitHub Green in RGB, HSL and OKLCH?
GitHub Green #0FBF3E is rgb(15, 191, 62), hsl(136, 85%, 40%) and oklch(70.1% 0.213 145.7). The closest named color is Shamrock Green #02C14D.
Should text on GitHub Green be white or black?
Black text reads better on GitHub Green: it has a contrast ratio of 8.54:1, which passes WCAG AAA for any text size.
Where do these GitHub colors come from?
The hex values were read from GitHub's official brand guidelines at https://brand.github.com/foundations/color on 16 October 2026. Contrast, RGB, HSL and OKLCH values on this page are calculated from those hex codes.
Can I use the GitHub colors in my own design?
Colors on their own are not owned, but GitHub's name, logo and the way it combines its colors are trademarks. Use these values to match GitHub when you refer to it, follow its official guidelines, and do not imply a link to GitHub in your own brand.
Use the GitHub colors
Check github.com live, build a color system from GitHub Green, or remix the palette.