Scrum Alliance

Design System — Dark Mode Preview

Primary Colors
Deep Blue
#182340
Medium Blue
#375EDF
Light Blue
#A4D5EB
Orange
#FA9449

Secondary Colors

Silver Grey
#D1D3D9
Pale Blue 1
#D7DFF9
Pale Blue 2
#DBEEF7
Pale Orange
#FEE4D2
Off-White
#F3F3F3

Neutrals

Dark Grey
#535353
Mid Grey
#A7A7A7
White
#FFFFFF
Typography
H1 Display — 60px Bold
Scrum Alliance
H2 Page — 36px Bold
Certified ScrumMaster
H3 Large — 28px Bold
Agile Transformation
H4 Medium — 22px Regular
Course Overview
H5 Small — 18px Regular
Learning Objectives
Body Large — 20px
Professional Scrum training for teams and organizations worldwide.
Body Medium — 17px
Scrum Alliance is the premier organization for Scrum education and certification.
Body Small — 15px
Explore our courses and certifications to advance your career.
Caption — 13px
Version 2.0 — Last updated May 2026
Buttons
Deep Blue (#182340)
Medium Blue (#375EDF)
Orange Accent (#FA9449)
Ghost Button

On Light Background

Links
Primary Link Secondary Link
Cards
Standard Card
Scrum Alliance card with subtle border on dark background.
Blue Card
Use for informational content with blue accent.
Orange Card
Use for warnings and attention-needed content.
Badges
Deep Blue Medium Blue Light Blue Orange Outline
Spacing Scale
6px
8px
16px
24px
36px
60px
80px
Border Radius
0
4px
8px
20px
Icons (Font Awesome)
Elevation
Level 1
Border only
Level 2
Border + Shadow
Form Elements
Dividers
Design Checklist