Brand colors
GitHub colors
GitHub's 8 brand colors as structured tokens — every role's hex with copy buttons, contrast pairs measured against the brand's own surface, and CSS / DTCG downloads. Ask your agent for a palette inspired by GitHub via the colors MCP.
- Source
- github.com
- Extracted
- Version
- 3
- Guidelines
- official
Role tokens
Contrast pairs
| Pair | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaprimary on surface | 17.89:1 | pass | pass | pass | — |
Aaaccent on surface | 5.19:1 | pass | pass | fail | AAA: accent → #0756b0 (7.08:1) |
Aatext on surface | 15.8:1 | pass | pass | pass | — |
AatextMuted on surface | 6.39:1 | pass | pass | fail | AAA: textMuted → #505962 (7.13:1) |
Aaborder on surface | 1.45:1 | fail | fail | fail | AA: border → #62788d (4.57:1) |
Aadanger on surface | 5.36:1 | pass | pass | fail | AAA: danger → #ab1c25 (7.18:1) |
Aasuccess on surface | 5.08:1 | pass | pass | fail | AAA: success → #15662c (7.07:1) |
Aatext on primary | 1.13:1 | fail | fail | fail | AA: text → #758395 (4.63:1) |
Aatext on accent | 3.04:1 | fail | pass | fail | AA: text → #eef0f2 (4.54:1) |
Measured against the brand's own surface where it has one; fixes move lightness only so they stay on-hue.
Download
The same tokens as CSS custom properties, a Tailwind v4 @theme block, and a W3C DTCG color group — or fetch tokens.json / brand.css for the full brand.
:root {
--color-primary: #181717;
--color-accent: #0969da;
--color-surface: #ffffff;
--color-text: #1f2328;
--color-textMuted: #57606a;
--color-border: #d0d7de;
--color-danger: #cf222e;
--color-success: #1a7f37;
}
/* GitHub — Tailwind v4 theme. Import after "tailwindcss". */
@theme {
--color-primary: #181717;
--color-accent: #0969da;
--color-surface: #ffffff;
--color-text: #1f2328;
--color-textMuted: #57606a;
--color-border: #d0d7de;
--color-danger: #cf222e;
--color-success: #1a7f37;
}
{
"$description": "GitHub brand colors",
"color": {
"primary": {
"$type": "color",
"$value": "#181717"
},
"accent": {
"$type": "color",
"$value": "#0969da"
},
"surface": {
"$type": "color",
"$value": "#ffffff"
},
"text": {
"$type": "color",
"$value": "#1f2328"
},
"textMuted": {
"$type": "color",
"$value": "#57606a"
},
"border": {
"$type": "color",
"$value": "#d0d7de"
},
"danger": {
"$type": "color",
"$value": "#cf222e"
},
"success": {
"$type": "color",
"$value": "#1a7f37"
}
}
}Similar brand palettes
Public brands whose primary sits closest on the hue wheel.
Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — direct_palette, edit_direction, check_palette, check_contrast — read-only, no key. Every direction it proposes comes with a /colors/d/… link: open it, lock what you like, paste the link back, and the agent edits rather than re-rolls.
https://mcp.brandsweets.com/colors/mcpclaude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
›build a palette inspired by GitHub for a developer tools and software collaboration startup — keep the feel, change the primary, and give me the /palettes/new link
/palettes/new/181717-0969da-ffffff-1f2328-57606a?lock=0Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
GitHub trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →