Colour does hierarchy, not decoration.
In eLearning, the primary job of colour is to organise the learner's attention. A well-chosen palette makes important things look important, related things look related, and supporting things stay quiet. Decoration is a side benefit — useful, but never the goal. Every colour choice should answer the question "what does the learner need to see first?"
Pick one accent colour and use it sparingly.
Most courses overuse colour, applying their brand palette to every element until nothing stands out. Better: pick one accent colour, use it for the things that actually need attention — the primary button, the active state of a toggle, the key takeaway of a section — and let everything else sit in neutral tones. The accent works because everything around it doesn't compete with it.
Build a contrast scale, not a brand palette.
Brand colours are usually three or four flat values. A working palette needs more range than that. Take your main brand colour and build a scale of tints and shades — lighter for backgrounds, slightly darker for hover states, deepest for emphasis. The same is true for greys: not one grey but five or six, scaling from "barely visible" to "almost black". Without this scale, you'll find yourself reaching for ad-hoc colours every time you need a subtle distinction.
Use neutrals as the foundation.
90% of a course's surface area should be neutral — off-white backgrounds, dark grey text, subtle dividers. Colour is the punctuation, not the prose. A course where the brand colour is everywhere is a course where the brand colour does nothing. Save the brand for the moments that matter, and let neutrals carry the structure.
Don't carry meaning in colour alone.
Roughly 1 in 12 men and 1 in 200 women have some form of colour blindness. A red "incorrect" pill and a green "correct" pill convey nothing to them. Always pair colour with a second cue — an icon, a word, a position, a pattern. This is also a Web Content Accessibility Guidelines (WCAG) requirement, but more importantly, it's how to actually communicate to every learner.
Part two
Accessibility is the floor, not the goal.
Accessibility-compliant colour isn't about meeting a checkbox — it's the bare minimum for content that everyone can read. Below the floor, you're excluding learners. Above the floor, you have room to design.
Contrast ratios — the actual numbers.
WCAG 2.1 AA — the standard most enterprise courses target — requires at least 4.5:1 contrast between body text and its background. Large text (18pt+ or 14pt+ bold) drops to 3:1. UI components and graphical objects need 3:1. These aren't recommendations; they're requirements for many regulated industries and contracts.
Free tools — WebAIM's contrast checker, Stark, Adobe's contrast analyser — make these checks instant. Run every colour pair before committing. The most common failure: light grey text on white backgrounds. The second most common: brand-colour text on brand-colour backgrounds. Both fail consistently in audits.
"Beautiful but unreadable" is a real trap.
Pale-on-pale palettes look elegant in design mocks and fail in the real world. Older displays, sunny rooms, lower-end laptops, dimmed brightness for battery — all reduce effective contrast below what looked fine in a controlled environment. Design with the worst-case viewing condition in mind, not the best.
Test in greyscale.
Pull the whole course into greyscale (most browsers can do this with an inspector filter). If the hierarchy still reads — important things still stand out, structure is still legible — your colour palette is doing more than carrying meaning by hue alone. If everything flattens to the same value, your palette is over-relying on colour distinction.
Part three
Building a palette in practice.
How to actually put a working palette together, starting from whatever brand constraints you have.
Start with the neutral, not the brand colour.
Pick your background (usually a near-white — pure white can feel clinical and tiring at long reading lengths), then your darkest text colour (rarely pure black — too harsh; deep navy or dark grey reads softer). That pair is the foundation. Everything else gets layered on top. Building a palette by starting with the brand colour usually produces courses that feel branded but not designed.
Pick one functional accent.
Your accent colour does the heavy lifting: primary buttons, active states, links, highlights. Pick a single colour that works well against your neutral background, has enough contrast for the 4.5:1 requirement when used on text, and ideally has tint/shade variants you can use for hover and pressed states.
Add semantic colours sparingly.
Green for success, amber for warning, red for error — these are conventions worth honouring because learners arrive with them already learned. But keep semantic colours rare. If every other element on the page is green or amber or red, the actual error states lose their punch. Save them for moments that need the meaning.
Test the palette in context.
Mock up a real course screen — heading, body text, a button, a piece of feedback, a quiz question — using the full palette. Step back. Does the eye land on the primary button? Does the hierarchy read? Is anything competing for attention that shouldn't be? Palettes that look balanced in a swatch sheet often produce noisy real pages. Real screens are the test.
When brand colours are limiting
Sometimes brand guidelines give you two colours and a logo, and you have to build a working palette around that constraint. The trick is to use the brand colour as your accent only — not as the dominant colour. The rest of the palette is neutrals plus one or two functional colours. Most "the brand is overwhelming the course" problems are really "the brand is being used for too much" problems. Restraint helps.
Colour in eLearning has a job: organise the learner's attention, signal hierarchy, and stay out of the way of the content. Build a palette of neutrals plus one accent, meet accessibility contrast requirements as the floor, never carry meaning in colour alone, and test in real contexts before committing. The discipline isn't about taste — it's about doing what colour does well, deliberately.