Voyager Sopris Learning White Logo
Digital Brand Guidelines
 
 
 
 
 

Colors

Main Color Palette

We lead with blue as our corporate color. It represents trust and dependability. Because one of our primary messages is results, blue is appropriate. Use designated palette; Pantone and CMYK are used only for print; RGB and HEX are web/video only.

Click a color to copy it's value to your clipboard
Midnight Blue
  • PANTONE7692
  • CMYK100 / 69 / 24 / 7
  • RGB0 / 85 / 135
  • HEX#005587
Sky Blue
  • PANTONE2995
  • CMYK81 / 12 / 1 / 0
  • RGB0 / 153 / 204
  • HEX#0099CC
Blueberry
  • PANTONE2736
  • CMYK96 / 95 / 0 / 0
  • RGB51 / 51 / 153
  • HEX#333399
Lullaby Blue
  • PANTONE311
  • CMYK70 / 0 / 12 / 0
  • RGB0 / 191 / 221
  • HEX#00BFDC
Teal
  • PANTONE3252
  • CMYK64 / 0 / 26 / 0
  • RGB64 / 192 / 192
  • HEX#33CCCC
Light Teal
  • PANTONE317
  • CMYK30 / 0 / 12 / 0
  • RGB175 / 223 / 225
  • HEX#AFDFE3

Secondary Color Palette

A secondary color palette has been selected to complement the primary color palette. These colors are not for use with the logo but for use in layout/design of corporate materials.

Emerald
  • PANTONE3278
  • CMYK93 / 17 / 72 / 3
  • RGB0 / 152 / 119
  • HEX#00956E
Frog Green
  • PANTONE368
  • CMYK59 / 2 / 100 / 0
  • RGB118 / 189 /67
  • HEX#76BC21
Electric Lime
  • PANTONE389
  • CMYK25 / 0 / 100 / 0
  • RGB205 / 222 / 0
  • HEX#CDDE00
Pomogranate
  • PANTONE1925
  • CMYK10 / 99 / 52 / 2
  • RGB213 / 33 / 88
  • HEX#D52158
Tangerine
  • PANTONE1495
  • CMYK0 / 54 / 95 / 0
  • RGB255 / 144 / 21
  • HEX#FF9015

Additional Digital Color Palette

A digital only color palette has been selected to complement the primary & secondary color palettes. These colors are only for use within digital materials.

Royal Blue
  • RGB12 / 80 / 103
  • HEX#0C508F
Balance Blue
  • RGB0 / 174 / 227
  • HEX#0076BB
Royal Light
  • RGB0 / 174 / 227
  • HEX#00AEE3
Blue Shade
  • RGB238 / 247 / 255
  • HEX#EEF7FF
Cambium Dark
  • RGB43 / 42 / 42
  • HEX#2B2A2A
Blue Gray
  • RGB51 / 74 / 94
  • HEX#334A5E
Cyan Light
  • RGB238 / 247 / 255
  • HEX#C3E7F5
Green Gray
  • RGB51 / 94 / 92
  • HEX#335E5C
Gray Shade
  • RGB221 / 221 / 221
  • HEX#EEE

Gradients

Gradients have been created to complement both color palettes and bring more depth to branded digital corporate materals. Some gradients are used to represent specific areas in the VSL brand.

This gradient is a digital compliment to the primary print gradient used within corporate materials.
#0C508FRoyal Blue to Royal Light Blue#00AEE3
background: linear-gradient(75deg, #0C508F 0%, #00AEE3 75%);
color: #FFF;
Copy CSS  Copy class name