GitHub Light (Primer)
GitHub's Primer "light" color scheme — the canonical palette used across github.com. Sources base scale colors (white→black, blue/green/yellow/ orange/red/purple/pink, coral) and the system semantic token assignments used by Primer-based products.
17 swatches 18 light roles 18 dark roles
Swatches
canvas-default
#FFFFFF
canvas-subtle
#F6F8FA
canvas-inset
#F6F8FA
canvas-overlay
#FFFFFF
border-default
#D0D7DE
border-muted
#D8DEE4
fg-default
#1F2328
fg-muted
#656D76
fg-subtle
#6E7781
fg-on-emphasis
#FFFFFF
accent
#0969DA
success
#1A7F37
attention
#9A6700
severe
#BC4C00
danger
#CF222E
done
#8250DF
sponsors
#BF3989
Mode role mappings
Light mode (18 roles)
accent
→ accent annotation
→ severe background
→ canvas-default cta
→ accent error
→ danger info
→ accent outline
→ border-default primary
→ accent primary-hover
→ accent secondary-accent
→ done special
→ sponsors success
→ success surface
→ canvas-subtle surface-elevated
→ canvas-overlay text-primary
→ fg-default text-secondary
→ fg-muted text-tertiary
→ fg-subtle warning
→ attention Dark mode (18 roles)
accent
→ accent annotation
→ severe background
→ fg-default cta
→ accent error
→ danger info
→ accent outline
→ border-default primary
→ accent primary-hover
→ accent secondary-accent
→ done special
→ sponsors success
→ success surface
→ fg-muted surface-elevated
→ fg-default text-primary
→ canvas-default text-secondary
→ canvas-subtle text-tertiary
→ border-default warning
→ attention Provenance
- Source
- https://github.com/primer/primitives
- License
MIT- Attribution
- GitHub Primer Primitives, Copyright GitHub Inc. (primer/primitives)
- Imported
-
2026-05-17