Notium Colour Standard
Corporate Identity Colour Guide - Web Standard
Version 1.0
2026
notium.co.uk
2026
notium.co.uk
Primary Brand Colours
Primary Blue
#0769db
Logo, buttons, heading highlights
Primary White
#fdffff
Light background, text on dark surfaces
Primary Navy
#0f263f
Dark background, main text, footer
Accent Colours
Blue Light
#33a0f0
Hover states, secondary buttons
Green
#04a328
Success, confirmation, positive status
Green Light
#44ce58
Success hover, highlight emphasis
Orange
#fe904b
Warning, campaign, special emphasis
Gray Mid
#5b6270
Secondary text, subheadings
Gray Light
#dcdcdc
Dividers, borders, disabled states
Colour Usage Table
| Usage Area | Colour Name | Hex Code |
|---|---|---|
| Logo, header highlight | Primary Blue | #0769db |
| Light background, page surface | Primary White | #fdffff |
| Dark background, footer, hero sections | Primary Navy | #0f263f |
| Main body text | Primary Navy | #0f263f |
| Secondary text, descriptions | Gray Mid | #5b6270 |
| Link text | Primary Blue | #0769db |
| Primary button | Primary Blue | #0769db |
| Primary button hover | Blue Light | #33a0f0 |
| Secondary button | Primary Navy | #0f263f |
| Success / confirmation message | Green | #04a328 |
| Warning / campaign label | Orange | #fe904b |
| Borders, dividers | Gray Light | #dcdcdc |
CTA Button States
Get Started
Primary CTA - Default
Background#0769db
Text#fdffff
Bordernone
Get Started
Primary CTA - Hover
Background#33a0f0
Text#fdffff
Bordernone
Learn More
Secondary CTA - Default
Background#0f263f
Text#fdffff
Bordernone
Learn More
Outline CTA - Default
Backgroundtransparent
Text#0769db
Border#0769db
Get Started
Primary CTA - Dark Background
Background#0769db
Text#fdffff
Surface#0f263f
Disabled
CTA - Disabled
Background#dcdcdc
Text#5b6270
Opacity0.6