3. www.xlprotraining.com
The Color Triangle
• Red, Blue and Yellow are
the Primary Colors.
• Red and Green are in the
opposite end of the
spectrum.
• Purple, Green and
Orange are the
secondary colors.
Source: Wikipedia
4. www.xlprotraining.com
Color
Schemes
Color Hues Emotions
Warm • Colors of passion, energy, enthusiasm,
• Red is powerful accent color.
• Orange commands attention without being as
overpowering as red.
• Yellow is the color of energy and can be used where
sense of permanence is desired.
Cool • Colors of calm, soothing pleasantness.
• Blues and its chromas are widely used in corporate
branding, websites etc
• Green can have harmonizing effect.
• Purple is associated with wealth and luxury.
Neutral • Colors of neutrality.
• Serves as backdrop in design
• Can be used for creating sophisticated layouts.
Basic Color Schemes in E-learning
5. www.xlprotraining.com
What colors to use for E-learning?
Use the client’s brand logo or website colors or
product logos as the starting point for choosing the
color scheme.
For example: See the Brands Firefox and Microsoft Office.
oFirefox has warm colors like
yellow and orange as well as
cool colors like blue in its logo.
oE-Learning Color scheme
can consist of Blue with use of
orange and yellow to
accentuate.
oMS Office Logo has warm
colors like deep orange and
neutral color like white in its
logo.
oE-Learning color scheme can
consist of a white/ivory
background with orange and its
tint as the font color.
6. www.xlprotraining.com
What colors to use for E-learning?
In case no brand logo or website colors are available,
start with a relevant image and take color cues from
that.
For example: While designing a course on compliance or competency,
relevant images as depicted below can be used as a starting point for
colors.
Compliance Competencies
Blue and its tints can
be the starting colors
Green and its tints can
be the starting colors
7. www.xlprotraining.com
How to choose the color scheme for
E-Learning ?
Once the starting color scheme has been narrowed
down upon, use the base color to blend and generate
tints.
For example : If the base color is blue with 100% tint then a 30%
tint or a 50% tint can be added to generate variance of the base
color.
The base color, then can be used as the main color let
us say for Title, Headings and the tints can be used as
sub points or for the purpose of highlights etc.
8. www.xlprotraining.com
How to choose the color scheme
for E-Learning ?
Popular Color Scheming Websites can also be used
for blending and generating color schemes like:
Paletton
Adobe Color CC
Color Blender
ColourLovers
Color Hunters
Flat UI Colors
Color Scheming websites which can be used to
choose the color schemes from an image like:
Pictaculous
Design Seeds
9. www.xlprotraining.com
Color
Schemes
Color Hues Usage in E-Learning
Bright • Can induce energy and action and hence must be
used for courses and learners which are highly
action driven like fitness & sports.
• Also can be used selectively in sales and product
driven trainings to keep the energy and action high.
Cool • Usually have a calm and soothing experience and
hence can be used for all compliance driven and soft
skills courses which are facts and concepts driven.
• Can also be used for designing e-learning for senior
and top management.
Earth • Have elements of nature and earth and can be used
for courses on environment, nature, planet, wildlife.
• Can also be used extensively in K-12 science
courses.
When should certain colors be used
in E-Learning?
10. www.xlprotraining.com
Color Schemes Color Hues Experience in E-Learning
Pastels
• Has a soothing and calming effect and
hence can be used for courses on yoga,
music, fine arts.
• Can also be used for designing courses
for the elderly people as they have a
calming effect and do not cause
irritability.
Neutrals-Grays
• Extremely light color scheme and hence
has an element of seriousness and
professionalism attached to it.
• Can be used in combination for e-
learning courses which require a very
serious look and feel like medical
courses and ethical courses.
When should certain colors be used
in E-Learning?
11. www.xlprotraining.com
Summary
Keep the brand guidelines and design standards
under consideration while choosing color schemes for
e-learning.
Keep the color scheme simple. Do not overuse colors.
Keep the learners profile and the course content under
consideration while choosing e-learning colors.
12. www.xlprotraining.com
Here 2 help
Feels like it is easier said than done?
We are here to help!
Live chat with an expert at :
Website: www.xlprotraining.com
Or
Email : hello@xlprotraining.com
Feel like talking?
Call us at: +91 22 2520 4655 or +91 80 41144661