IWCollege Style System

Name Conventions

Full Designation

Note the leading capital T.
The Isle of Wight College

Short Designation

For smaller spaces, no spacing, capital I, W, C.
IWCollege

Brand Identity

Logo

Logo for use across all medias.

Icon

Condensed icon for smaller spaces.

Typography

Font Families

heading
Texta Black
subheading
Texta Bold
accent
Titan One
body
Texta Regular
monospace
Menlo

Font Scales

256px
128px
96px
64px
48px
32px
24px
20px
16px
14px
12px

Font Weights

100
Light
200
Fine
400
Body
700
Bold
900
Black

Line Heights

1.75
Display
1.5
Body
1.25
Heading

Colors

Brand Palette

primary
secondary
accent
highlight
black
grey
muted
white

Course Areas

Branding Accents

Each Course Area in The College has been allocated an accent brand colour.
Each colour value is derived computationally by evaluating the most prominent colour from a designated featured image.

⚡️ Bonus Tip ⚡️

🌅 Download a feature image by right clicking on it, and select “Save Target As....”

Access To Higher Education

HEX: #7F9FC6

RGB: 127, 159, 198
CMYK: 36, 20, 0, 22

Dark Variant

HEX: #6F92BE
RGB: 111, 147, 191
CMYK: 42, 23, 0, 25

Light Variant

HEX: #8EAACC
RGB: 143, 171, 205
CMYK: 30, 17, 0, 20

Activities Leadership

HEX: #933344

RGB: 147, 51, 68
CMYK: 0, 65, 54, 42

Dark Variant

HEX: #883040
RGB: 137, 47, 63
CMYK: 0, 65, 54, 46

Light Variant

HEX: #9F384B
RGB: 157, 55, 73
CMYK: 0, 65, 54, 38

Animal Care

HEX: #7C9816

RGB: 124, 152, 22
CMYK: 18, 0, 86, 40

Dark Variant

HEX: #748F14
RGB: 115, 141, 20
CMYK: 18, 0, 86, 45

Light Variant

HEX: #86A518
RGB: 133, 163, 24
CMYK: 18, 0, 86, 36

Applied Science

HEX: #3D4FB5

RGB: 61, 79, 181
CMYK: 66, 56, 0, 29

Dark Variant

HEX: #3849A8
RGB: 57, 73, 168
CMYK: 66, 56, 0, 34

Light Variant

HEX: #4456C1
RGB: 67, 86, 192
CMYK: 65, 55, 0, 25

Art And Design

HEX: #764E61

RGB: 118, 78, 97
CMYK: 0, 34, 18, 54

Dark Variant

HEX: #6E495B
RGB: 110, 73, 90
CMYK: 0, 34, 18, 57

Light Variant

HEX: #7D5467
RGB: 126, 83, 104
CMYK: 0, 34, 18, 50

Beauty And Complementary Therapies

HEX: #D66A9D

RGB: 214, 106, 157
CMYK: 0, 50, 27, 16

Dark Variant

HEX: #D15790
RGB: 209, 88, 145
CMYK: 0, 58, 30, 18

Light Variant

HEX: #DB7BA8
RGB: 219, 124, 169
CMYK: 0, 44, 23, 14

Brickwork

HEX: #DC5539

RGB: 220, 85, 57
CMYK: 0, 61, 74, 14

Dark Variant

HEX: #DA482B
RGB: 217, 71, 41
CMYK: 0, 67, 81, 15

Light Variant

HEX: #DF6249
RGB: 223, 99, 73
CMYK: 0, 56, 67, 13

Business, Management And Accounting

HEX: #3948C6

RGB: 57, 72, 198
CMYK: 71, 64, 0, 22

Dark Variant

HEX: #3643BA
RGB: 53, 67, 184
CMYK: 71, 64, 0, 28

Light Variant

HEX: #4956CA
RGB: 71, 85, 202
CMYK: 65, 58, 0, 21

Carpentry And Joinery

HEX: #6C523D

RGB: 108, 82, 61
CMYK: 0, 24, 44, 58

Dark Variant

HEX: #654D39
RGB: 100, 76, 57
CMYK: 0, 24, 44, 61

Light Variant

HEX: #725740
RGB: 116, 88, 65
CMYK: 0, 24, 44, 55

Childhood Studies

HEX: #859A69

RGB: 133, 154, 105
CMYK: 14, 0, 32, 40

Dark Variant

HEX: #7B9060
RGB: 124, 144, 97
CMYK: 14, 0, 33, 44

Light Variant

HEX: #8DA172
RGB: 142, 161, 116
CMYK: 12, 0, 28, 37

Commercial Music

HEX: #DD8F28

RGB: 221, 143, 40
CMYK: 0, 35, 82, 13

Dark Variant

HEX: #D48621
RGB: 210, 134, 33
CMYK: 0, 36, 84, 18

Light Variant

HEX: #E09738
RGB: 223, 151, 56
CMYK: 0, 32, 75, 12

Digital Industries

HEX: #38909D

RGB: 56, 144, 157
CMYK: 64, 8, 0, 38

Dark Variant

HEX: #358692
RGB: 52, 134, 146
CMYK: 64, 8, 0, 43

Light Variant

HEX: #3D9AA9
RGB: 60, 154, 168
CMYK: 64, 8, 0, 34

Distance Learning

HEX: #A99F9B

RGB: 169, 159, 155
CMYK: 0, 6, 8, 34

Dark Variant

HEX: #9F938E
RGB: 159, 147, 143
CMYK: 0, 7, 10, 38

Light Variant

HEX: #B4ABA7
RGB: 179, 171, 167
CMYK: 0, 5, 7, 30

Electrical

HEX: #CF4685

RGB: 207, 70, 133
CMYK: 0, 66, 36, 19

Dark Variant

HEX: #CC387D
RGB: 203, 55, 123
CMYK: 0, 73, 39, 20

Light Variant

HEX: #D35590
RGB: 211, 85, 143
CMYK: 0, 60, 32, 17

Engineering

HEX: #FFCC00

RGB: 255, 204, 0
CMYK: 0, 20, 100, 0

Dark Variant

HEX: #F0C000
RGB: 237, 190, 0
CMYK: 0, 20, 100, 7

Light Variant

HEX: #FFD014
RGB: 255, 208, 18
CMYK: 0, 19, 93, 0

Football Development Programme

HEX: #7AA7BA

RGB: 122, 167, 186
CMYK: 34, 10, 0, 27

Dark Variant

HEX: #6B9DB3
RGB: 108, 158, 179
CMYK: 40, 12, 0, 30

Light Variant

HEX: #89B1C2
RGB: 136, 176, 193
CMYK: 30, 9, 0, 24

Gcses

HEX: #E8A984

RGB: 232, 169, 132
CMYK: 0, 27, 43, 9

Dark Variant

HEX: #E3996D
RGB: 228, 154, 111
CMYK: 0, 32, 52, 11

Light Variant

HEX: #EBB798
RGB: 236, 184, 153
CMYK: 0, 22, 35, 7

Graphic And Digital Design

HEX: #9D4728

RGB: 157, 71, 40
CMYK: 0, 55, 75, 38

Dark Variant

HEX: #924326
RGB: 146, 66, 37
CMYK: 0, 55, 75, 43

Light Variant

HEX: #A64C2B
RGB: 168, 76, 43
CMYK: 0, 55, 75, 34

Hairdressing

HEX: #B392A5

RGB: 179, 146, 165
CMYK: 0, 18, 8, 30

Dark Variant

HEX: #A9849A
RGB: 170, 133, 154
CMYK: 0, 22, 9, 33

Light Variant

HEX: #BC9FB0
RGB: 188, 159, 176
CMYK: 0, 15, 7, 26

Health And Social Care

HEX: #427E7A

RGB: 66, 126, 122
CMYK: 48, 0, 3, 51

Dark Variant

HEX: #3E7571
RGB: 61, 117, 113
CMYK: 48, 0, 3, 54

Light Variant

HEX: #468681
RGB: 71, 135, 131
CMYK: 48, 0, 3, 47

Horticulture

HEX: #BEB946

RGB: 190, 185, 70
CMYK: 0, 3, 63, 25

Dark Variant

HEX: #B1AE3E
RGB: 179, 174, 63
CMYK: 0, 3, 65, 30

Light Variant

HEX: #C3C055
RGB: 195, 190, 83
CMYK: 0, 2, 57, 24

Hospitality And Catering

HEX: #A8725B

RGB: 168, 114, 91
CMYK: 0, 32, 46, 34

Dark Variant

HEX: #9D6953
RGB: 157, 106, 83
CMYK: 0, 33, 47, 38

Light Variant

HEX: #AE7B65
RGB: 174, 124, 103
CMYK: 0, 29, 41, 32

International

HEX: #005F80

RGB: 0, 95, 128
CMYK: 100, 26, 0, 50

Dark Variant

HEX: #005875
RGB: 0, 88, 119
CMYK: 100, 26, 0, 53

Light Variant

HEX: #00678A
RGB: 0, 102, 137
CMYK: 100, 26, 0, 46

Media, Tv And Film Production

HEX: #8CBD49

RGB: 140, 189, 73
CMYK: 26, 0, 61, 26

Dark Variant

HEX: #84B441
RGB: 131, 179, 65
CMYK: 27, 0, 64, 30

Light Variant

HEX: #95C256
RGB: 149, 194, 86
CMYK: 23, 0, 55, 24

Motor Vehicle

HEX: #F08712

RGB: 240, 135, 18
CMYK: 0, 44, 93, 6

Dark Variant

HEX: #E17F0E
RGB: 226, 126, 14
CMYK: 0, 44, 94, 12

Light Variant

HEX: #F19122
RGB: 241, 144, 35
CMYK: 0, 40, 85, 5

Moving Up

HEX: #9C2AA6

RGB: 156, 42, 166
CMYK: 6, 75, 0, 35

Dark Variant

HEX: #91279B
RGB: 145, 39, 154
CMYK: 6, 75, 0, 39

Light Variant

HEX: #A82DB4
RGB: 167, 45, 178
CMYK: 6, 75, 0, 30

Painting And Decorating

HEX: #C91610

RGB: 201, 22, 16
CMYK: 0, 89, 92, 21

Dark Variant

HEX: #BD150F
RGB: 187, 20, 15
CMYK: 0, 89, 92, 27

Light Variant

HEX: #D91812
RGB: 215, 24, 17
CMYK: 0, 89, 92, 16

Pathways

HEX: #FF985E

RGB: 255, 152, 94
CMYK: 0, 40, 63, 0

Dark Variant

HEX: #FF8B47
RGB: 255, 136, 70
CMYK: 0, 47, 73, 0

Light Variant

HEX: #FFA875
RGB: 255, 168, 118
CMYK: 0, 34, 54, 0

Performing Arts

HEX: #9B757D

RGB: 155, 117, 125
CMYK: 0, 25, 19, 39

Dark Variant

HEX: #946B74
RGB: 147, 106, 115
CMYK: 0, 28, 22, 42

Light Variant

HEX: #A38087
RGB: 163, 128, 135
CMYK: 0, 21, 17, 36

Photography

HEX: #0294CB

RGB: 2, 148, 203
CMYK: 99, 27, 0, 20

Dark Variant

HEX: #0289BB
RGB: 2, 138, 189
CMYK: 99, 27, 0, 26

Light Variant

HEX: #02A0D9
RGB: 2, 158, 217
CMYK: 99, 27, 0, 15

Plumbing And Gas

HEX: #A1A19F

RGB: 161, 161, 159
CMYK: 0, 0, 1, 37

Dark Variant

HEX: #959593
RGB: 150, 150, 148
CMYK: 0, 0, 1, 41

Light Variant

HEX: #ACACAA
RGB: 172, 172, 170
CMYK: 0, 0, 1, 33

Public Services

HEX: #596986

RGB: 89, 105, 134
CMYK: 34, 22, 0, 47

Dark Variant

HEX: #54627D
RGB: 83, 98, 125
CMYK: 34, 22, 0, 51

Light Variant

HEX: #607190
RGB: 95, 112, 143
CMYK: 34, 22, 0, 44

Teacher Training

HEX: #E84B1E

RGB: 232, 75, 30
CMYK: 0, 68, 87, 9

Dark Variant

HEX: #DE4217
RGB: 221, 67, 23
CMYK: 0, 70, 90, 13

Light Variant

HEX: #E9582F
RGB: 234, 88, 47
CMYK: 0, 62, 80, 8

Travel And Tourism

HEX: #489384

RGB: 72, 147, 132
CMYK: 51, 0, 10, 42

Dark Variant

HEX: #43897B
RGB: 67, 137, 123
CMYK: 51, 0, 10, 46

Light Variant

HEX: #4D9D8D
RGB: 77, 157, 141
CMYK: 51, 0, 10, 38

University And Higher Level Courses

HEX: #835EF9

RGB: 131, 94, 249
CMYK: 47, 62, 0, 2

Dark Variant

HEX: #7249F8
RGB: 113, 71, 248
CMYK: 54, 71, 0, 3

Light Variant

HEX: #9475FA
RGB: 149, 117, 250
CMYK: 40, 53, 0, 2