Skip to content
Primer
/
Interface guidelines
Design
Interface guidelines
Octicons
Presentations
Command line
Mobile
Desktop
Build
CSS
React
React Brand
ViewComponents
Contribute
About
Guides
Introduction
About
Figma
Introduction
Getting started
How to contribute
Development
React
Component lifecycle
Component status
Accessibility
Accessibility at GitHub
Guidelines
Tools
Alternative text for images
Assistive technology announcements
Descriptive buttons
Focus management
Headings
Links
Semantic HTML
Text resize and respacing
Tooltip alternatives
Contribute
How to contribute
Design
Content
Documentation
Foundations
Color
Introduction
Functional colors
Base colors
Interactive states
Themes
Accessibility
Responsive
CSS utilities
Getting started
Animations
Borders
Box shadow
Colors
Details
Flexbox
Grid
Layout
Margin
Padding
Typography
Layout
Typography
Icons
Overview
Design guidelines
UI patterns
Button usage
Dates and times
Empty states
Feature onboarding
Forms
Messaging
Progressive disclosure
Saving
Components
Action bar
Action list
Action menu
Anchored overlay
Autocomplete
Avatar
Avatar pair
Avatar stack
Box
Branch name
Breadcrumbs
Button
Checkbox
Checkbox group
Comment box
Counter label
Data table
Details
Dialog
Filter input
Flash
Form control
Heading
Icon
Page header
Segmented control
Toggle switch
Token
Tree view
Native
CLI
Getting started
Foundations
Components
Desktop
Getting started
Foundations
Mobile
Platforms
Foundations
GitHub
On this page
Gray
Blue
Green
Yellow
Orange
Red
Purple
Pink
Coral
Black
White
Base colors
The lowest level of color tokens used to create Primer's functional colors.
On this page
Gray
Blue
Green
Yellow
Orange
Red
Purple
Pink
Coral
Black
White
Content TBD
Primer Prism explanation
Theme: Light
View in Storybook
Gray
Theme: Light
View in Storybook
Blue
Theme: Light
View in Storybook
Green
Theme: Light
View in Storybook
Yellow
Theme: Light
View in Storybook
Orange
Theme: Light
View in Storybook
Red
Theme: Light
View in Storybook
Purple
Theme: Light
View in Storybook
Pink
Theme: Light
View in Storybook
Coral
Theme: Light
View in Storybook
Black
Theme: Light
View in Storybook
White
Theme: Light
View in Storybook
Edit this page on GitHub