Coursera
Coursera's brand palette, captured from the live marketing site (coursera.org) where the Coursera Design System exposes named color tokens — most visibly the BLUE primary (#0056D2), the deep-navy text color (#1F1F1F), and the BLUISH_WHITE soft surface tint (#F3F8FF). The system is corporate, considered, and reader-friendly: a single deep signature blue against near-white surfaces with a restrained neutral grey scale. Coursera is light-first; the marketing canvas is White, with Bluish White as the surface tint and Coursera Blue as the brand action.
18 swatches 15 light roles 15 dark roles
Swatches
coursera-blue
#0056D2
The Coursera Design System primary blue (CDS BLUE). The brand's signature action color.
bluish-white
#F3F8FF
Soft blue-tinted surface (CDS BLUISH_WHITE). The brand's primary surface accent.
blue-dark
#003C8F
Pressed / active variant of Coursera Blue — derived deepened tone for hover/active states.
blue-pale
#E3EEFF
Pale blue background accent — used in info banners.
blue-deep
#002761
Deepest navy-blue — used for callouts and contrast accents.
ink-50
#1F1F1F
The canonical body text color on coursera.org — near-black but not pure black.
ink-100
#303030
Default text color — slightly lighter than Ink 50.
ink-300
#616161
Secondary text color — captions and supporting copy.
ink-500
#757575
Tertiary text color — derived from the press-page logo fill (#757575).
ink-700
#9E9E9E
Disabled text and quiet borders.
white
#FFFFFF
Page canvas in light mode (CDS WHITE).
surface
#FAFAFA
Subtle elevated surface tint.
surface-2
#F5F5F5
Secondary surface — card and panel backgrounds.
border
#E0E0E0
Quiet divider — borders and rules.
success
#1B8057
Success / completion green — derived from the published callouts-success scale.
warning
#F28100
Warning amber — derived from the orange-500 callout scale on coursera.org.
error
#F44336
Error / destructive red — published in the CDS callouts-error scale.
error-deep
#66000F
Deepest red — used for error-state callout strokes.
Mode role mappings
Light mode (15 roles)
accent
→ coursera-blue accent-hover
→ blue-dark background
→ white border
→ border error
→ error primary
→ coursera-blue primary-hover
→ blue-dark success
→ success surface
→ bluish-white surface-elevated
→ white text-primary
→ ink-50 text-secondary
→ ink-300 text-tertiary
→ ink-500 warning
→ warning warning-hover
→ warning Dark mode (15 roles)
accent
→ bluish-white accent-hover
→ blue-pale background
→ ink-50 border
→ ink-300 error
→ error primary
→ coursera-blue primary-hover
→ bluish-white success
→ success surface
→ ink-100 surface-elevated
→ ink-300 text-primary
→ white text-secondary
→ surface-2 text-tertiary
→ ink-700 warning
→ warning warning-hover
→ warning Provenance
- Source
- https://www.coursera.org/about/press
- License
Proprietary — All Rights Reserved- Attribution
- Coursera, Inc. — palette values captured from the deployed bundles on coursera.org on 2026-05-19 (the BLUE, BLUISH_WHITE, and WHITE constants exposed in the Coursera Design System (CDS) shipped with the front-page application). The Coursera logo and associated marks are property of Coursera, Inc.
- Imported
-
2026-05-19 - Notes
- The CDS token names are exposed via the live JavaScript bundle as ALL_CAPS constants (BLUE, BLUISH_WHITE, WHITE). Coursera's text neutral scale (#1F1F1F / #303030 / #616161) follows a Material-like 50→900 grey ramp; ink-50 was selected as the canonical body text color from the deployed CSS. Coursera does NOT use pure black for body text on the marketing site.