Data Science Color Psychology & Meaning
Data science is GitHub dark mode as a design system — these specific blues and greens signal code, data, and the productive darkness of a developer's screen at 2am.
#0D1117
#1F6FEB
#3FB950
#8B949E
Background
Primary Accent
Secondary
Body Text
Data Science
darktechnicalprecise all techdatabranding
AA
WCAG Grade
6.2:1
Contrast Ratio
2,500
Saves
6,700
AI Copies
Use #0D1117 as the background. Use #1F6FEB as the primary accent. Use #3FB950 as secondary. Use #8B949E as body text/supporting color. Palette mood: Data Science — dark, technical, precise.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Data Science color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 0.5% | 13, 17, 23 | 43%, 26%, 0%, 91% | 216°, 28%, 7% | ||
| Primary Accent Luminance: 17.7% | 31, 111, 235 | 87%, 53%, 0%, 8% | 216°, 84%, 52% | ||
| Secondary Luminance: 36.3% | 63, 185, 80 | 66%, 0%, 57%, 27% | 128°, 49%, 49% | ||
| Body Text Luminance: 29.1% | 139, 148, 158 | 12%, 6%, 0%, 38% | 212°, 9%, 58% |
Color Harmony: Custom Scheme
The Data Science palette is built using a custom relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A custom palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
GitHub's dark mode palette (released 2020) became the de facto visual language of developer tools and data science interfaces. The specific blue and green system is deeply familiar to technical audiences.
Best Design Use Cases
Very dark background. GitHub blue for primary interactive elements. Green for positive indicators and success states. Gray for secondary info and metadata.
Industries This Palette Suits
Data science tools, developer platforms, code editors, analytics, technical SaaS.
How to Implement the Data Science Color Scheme
To use this Data Science color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #0D1117 for the main background and #1F6FEB for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #8B949E and #0D1117 is 6.15:1 (AA). Ensure your body text remains legible.