Colour
Downloads & Links
Primary Palette
Four colours form the foundation of the Idealworks brand: Yellow, Navy, Dark Navy and White.
Yellow is our most distinctive asset — energetic and immediately recognisable, it should be used with intention rather than applied everywhere. Navy and Dark Navy provide depth and contrast, grounding the palette and giving Yellow room to work. White serves as the primary neutral, bringing clarity and sophistication to the palette.
Yellow
#FFFA1Br 255 g 250 b 27Navy
#1E202Ar 30 g 32 b 42Dark Navy
#101115r 16 g 17 b 21White
#FFFFFFr 255 g 255 b 255
Tints & Shades
An extended range of Yellow tints and Navy shades is available for UI and digital applications to help create hierarchy in complex interfaces.
Yellow 30
#e3dc1cr 227 g 220 b 28Yellow 20
#fffc8fr 255 g 252 b 143Yellow 10
#fffdc7r 255 g 253 b 199Navy-80
#2f3241r 47 g 50 b 65Navy-70
#3f4255r 63 g 66 b 85Navy-60
#4b4f67r 75 g 79 b 103Navy-50
#656a8br 101 g 106 b 139Navy-40
#9599b1r 149 g 153 b 177Navy-30
#bec1d0r 190 g 193 b 208Navy-20
#d8d9e2r 216 g 217 b 226Navy-10
#f0f1f4r 240 g 241 b 244
Text Colour Combinations
Use these colour combinations to ensure colour contrast accessibility.
On white background (*large text only) 
On yellow background (*large text only) 
On dark navy background 
On navy background
Misuse
Avoid the following treatments of colour.
Do not use white text on yellow or yellow text on white.
