Brand manual · Chapter 06
Colour palette
Inspired by our heritage. Full of optimism.
Sunlight
RGB 255 203 5CMYK 0 20 100 0Pantone 116 CTitanium
RGB 0 0 0CMYK 0 0 0 100Pantone Black CHSA Orange
RGB 255 140 0CMYK 0 54 95 0Pantone 144 CHSA Green
RGB 0 143 75CMYK 85 17 88 3Pantone 7731 CHSA Blue
RGB 77 66 242CMYK 85 73 0 0Pantone 2117 CLead with yellow and black
Sunlight and Titanium form the primary palette. White and supporting greys give content space and structure.
Add purposeful colour
Use HSA Orange, HSA Green and HSA Blue as secondary colours. Use RGB / HEX for screens and CMYK / Pantone for print.
Functional colour clarification
The manual’s positive-green swatch lists HEX #FFCB05 but RGB 52, 150, 81. These values conflict. Confirm the intended token with Corporate Communications before applying it. Negative red is #D70000.
Explore the original manual 6 pages · May 2022
Original chapter pages, including all diagrams and examples. PDF page numbers are used below; printed page numbers differ after the first chapter. Historic application examples retain their original wording.
Read page text
H SA G RO U P B R A N D A N D ST Y L E G U I D E 2 7
6 Colour
palette
Read page text
H SA G RO U P B R A N D A N D ST Y L E G U I D E 2 8
COLOUR PALETTE
Primary Sunlight Titanium
Our primary colour palette
is inspired by our Yemeni heritage.
The colour palette is broken down Optimism Resilient
into print and screen values. Clarity Elegant
CMYK values should be used when
producing printed materials in either Warmth Strong
litho or digital formats.
For best results when printing a large
area digitally, a rich black is preferred.
RGB values should be used for all screen
based materials including digital (web,
TV, email signature etc.) and internal
or external digital documents (Word,
PowerPoint etc.).
CMYK CMYK
0 20 100 0 0 0 0 100 Pantone Pantone
30 30 30 100 (Rich Black)
RGB 116 C Black C
255 203 5 RGB
0 0 0
HEX
#ffcb05 HEX
#000000
Read page text
H SA G RO U P B R A N D A N D ST Y L E G U I D E 2 9
COLOUR PALETTE
Secondary HSA Orange HSA Green HSA Blue
Our secondary colour palette consists of
a complementary set of bright and bold
colours that convey the strength and
optimism of our brand.
CMYK CMYK CMYK Pantone Pantone Pantone
144 C 0 54 95 0 7731 C 85 17 88 3 2117 C 85 73 0 0
RGB RGB RGB
255 140 0 0 143 75 77 66 242
HEX HEX HEX
#ff8c00 #008f4b #4d42f2
Read page text
H SA G RO U P B R A N D A N D ST Y L E G U I D E 3 0
COLOUR PALETTE
Supporting White Light Grey Cool Grey Mid Grey Dark Grey
When the layout calls for more
dynamism in the document,
white is used as the background
colour along with our supporting
grey tones.
CMYK CMYK CMYK CMYK
0 0 0 10 0 0 0 40 0 0 0 75 0 0 0 90
CMYK RGB RGB RGB RGB
0 0 0 0 240 240 240 168 168 168 105 105 105 51 51 51
RGB HEX HEX HEX HEX
255 255 255 #f0f0f0 #a8a8a8 #696969 #333333
HEX PANTONE PANTONE PANTONE PANTONE
#ffffff Cool grey 1 C Cool grey 6 C Cool grey 10 C Black 7 C
Read page text
H SA G RO U P B R A N D A N D ST Y L E G U I D E 3 1
COLOUR PALETTE
Functional colours
These colours are used with the specific
purpose of attracting the attention of the
user or to warn the user about positive or
negative feedback. Input text
This small palette comprises of:
Error message - HSA negative, regular 12pt
HSA positive
A bright green used to
highlight positive items. Positive
HSA negative
A bright red used to highlight HSA positive green and HSA
negative items. negative red used in an online form to
denote good and bad input of data,
Please note supported by visual indicators.
Functional colours should never
be reproduced in Pantone, RAL HSA positive green HSA negative red
or NCS colour systems.
HEX HEX
# FFCB05 # D70000
RGB RGB
R 52 R 215
G 150 G 0
B 81 B 0
CMYK CMYK
C 90 C 0
M 0 M 95
Y 100 Y 100
K 25 K 5
Read page text
H SA G RO U P B R A N D A N D ST Y L E G U I D E 3 2
COLOUR PALETTE
Combining
HIERARCHY AND USAGEbrand colours
The use of colour is key in creating a
unique visual appearance for our brand.
HSA’s distinctive appearance is also
due to the consistent application of our
primary colours of yellow and black.
Grey Grey Grey Grey
White Light Cool Mid Dark
HSA Yellow HSA Rich Black White
• Text • Backgrounds • Text
• Backgrounds • Buttons • Backgrounds
• Buttons • Icons • Buttons
• Icons • Rollovers • Rollovers
• Active states
• Rollovers Cool Grey
• Backgrounds
Light and Mid Grey
• Lines
• Texts
• Form field outlines
Dark Grey
• Text
• RolloversContinue exploringTypographic system