Color themes

Guide: how to use WSCA color themes

When creating or ordering any graphic material for WSCA in color, please, make sure that your artwork is created with WSCA official color theme(s). Mix-and-match of lighter and darker hues is permissible, but the substitution of one of the main colors shall be avoided.

Exceptions: 3-rd party publications with their own color theme. In this case, use black-and-white version, which the 3-rd party will color according to their theme. For print ads see Avatars, square ads or Ads.

The tables with the color indices are below. HEX, RGB, CMYK indices are used for print/web design, PANTONE is for high quality printing.

If you want to color the logos and text yourself with Adobe Photoshop, use Adobe Photoshop palette file .

Main color theme

	purpose	hex	RGB	CMYK	PANTONE
blue main	primary	296Dc0	41, 109, 192	83, 57, 0, 0	660C
green main	primary	00af8a	0, 175, 138	85, 0, 62, 0	339C
orange main	spot	ff9a00	255, 254, 0	0, 47, 100, 0	1375C
white, black	primary, spot

Lighter color theme

	purpose	hex	RGB	CMYK	PANTONE
blue light	primary	5998c8	89, 152, 200	65, 30, 5, 0	542C
green light	primary	76d0bd	118, 208, 187	51, 0, 33, 0	338C
orange light	spot	FFC773	253, 200, 125	0, 23, 58, 0	1355C
white, black	primary, spot

Mixed color theme

	purpose	hex	RGB	CMYK	PANTONE
blue main	primary	296Dc0	41, 109, 192	83, 57, 0, 0	660C
green light	primary	76d0bd	118, 208, 187	51, 0, 33, 0	338C
orange	spot	ff9a00	255, 254, 0	0, 47, 100, 0	1375C
white, black	primary, spot

Web menu color combos

	purpose	hex	RGB	CMYK	PANTONE
blue light	highlight	5998c8	89, 152, 200	65, 30, 5, 0	542C
blue main	normal	296Dc0	41, 109, 192	83, 57, 0, 0	660C
green light	highlight	76d0bd	118, 208, 187	51, 0, 33, 0	338C
green main	normal	00af8a	0, 175, 138	85, 0, 62, 0	339C

Logos

Guide: how to use WSCA logo

• All shapes and fonts in the logo should remain as is.
• Maintain the exact Height-to-Width ratio (no squashing or squishing, sorry)
• "106.1" must be always legible. If you have to place the logo into a very small or oddly-shaped place, use the alternative logos.
• To change/add text accompanying the logo, use CENTURY GOTHIC True Type font.
  To download the font:  regular bold italic bold italic.
  Consult system's Help about the installation of the font, if you do not have it (it is easy).

If you need to incorporate logo into your own design and/or to color it with your publication's color theme, use this ZIP file with the Adobe Photoshop CS2 design files. Resize the image to fit your requirements.

Black and white JPGs

Image	xsmall	small	medium	large	xlarge
	1.05 x 0.43 logo_bw_main_xsm.jpg	2.1 x 0.85 logo_bw_main_sm.jpg	4.19 x 1.68 logo_bw_main_md.jpg	8.38 x 3.36 logo_bw_main_lg.jpg	16.75 x 6.17 logo_bw_main_xl.jpg
	1.05 x 0.32 logo_bw_main_1_md.jpg	2.1 x 0.65 logo_bw_main_1_sm.jpg	4.18 x 1.28 logo_bw_main_1_md.jpg	8.35 x 2.55 logo_bw_main_1_lg.jpg
	1 x 0.48 logo_bw_plug_1_xsm.jpg			8.05 x 3.84 logo_bw_plug_1_lg.jpg
	1 x 0.48 logo_bw_plug_2_xsm.jpg			8.05 x 3.84 logo_bw_plug_2_lg.jpg
	1 x 0.48 logo_bw_plug_3_xsm.jpg			8.05 x 3.84 logo_bw_plug_3_lg.jpg
			4.38 x 4.42 logo_bw_square_md.jpg
				7.93 x 0.87 word_portsmouth_bw.jpg
				7.93 x 0.87 word_listen_local_bw.jpg
				7.93 x 0.87 web_www_bw.jpg

Color JPGs

Design for print

Screen printing (t-shirts, bags, etc.)

Avatars, square ad in color

Business cards

Letterheads

Newsprint ads