IBP Standard Colours

The International Business Partners (IBP) brand uses a defined colour palette to ensure consistency across all communications, marketing collateral, and digital assets. This page explains each colour, its intended usage, and provides visual references.

Why a Standard Colour Palette Matters

A consistent colour system builds brand recognition, conveys the right emotional tone, and supports accessibility. IBPs palette was created after extensive testing for visual impact, legibility, and crossmedia reproducibility.

Primary Colours

The primary colours are the core visual identifiers for the IBP brand. They appear most frequently in logos, headings, and key calltoaction elements.

IBP Blue
#0A5A9C

IBP Gold
#F2A900

IBP White
#FFFFFF

IBP Blue #0A5A9C

Used for the main logo, navigation bars, and primary buttons. The shade balances professionalism with approachability, making it ideal for corporate presentations and digital interfaces.

IBP Gold #F2A900

Employed as an accent colour for highlights, iconography, and important information panels. Gold adds a sense of optimism and draws attention without overwhelming the primary blue.

IBP White #FFFFFF

Serves as the neutral background for most printed and web materials. White provides contrast for text and graphical elements, ensuring readability.

Secondary Colours

Secondary colours support the primary palette, offering flexibility for varied content while maintaining visual harmony.

Slate Gray
#5C6F7C

Light Gray
#E5E5E5

Lime Green
#9BC53D

Slate Gray #5C6F7C

Used for body text, secondary headings, and supporting graphics. Offers a softer alternative to pure black, improving legibility on light backgrounds.

Light Gray #E5E5E5

Applied to background sections, borders, and form fields. It creates subtle separation without adding visual clutter.

Lime Green #9BC53D

Reserved for success messages, progress indicators, and ecofocused campaigns. Provides a fresh, energetic complement to the core palette.

Accessibility Considerations

All colour combinations have been tested against WCAG 2.1 AA standards for contrast. When pairing text with a background, ensure a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.

Examples of compliant pairings:

IBP Blue (#0A5A9C) on White (#FFFFFF) 8.5:1
White (#FFFFFF) on IBP Blue 8.5:1
Slate Gray (#5C6F7C) on Light Gray (#E5E5E5) 4.6:1

If a colour pair fails the contrast test, use a darker or lighter shade from the same hue family or add an outline/texture to improve visibility.

Colour Usage Guidelines

Element	Primary Colour	Secondary Colour	Notes
Logo	IBP Blue	IBP Gold (accent)	Maintain clear space equal to the height of the I.
Navigation Bar	IBP Blue	White text	Hover state: IBP Gold underline.
Primary Buttons	IBP Blue background	White text	On disabled: Light Gray background, Slate Gray text.
Secondary Buttons	White background	IBP Blue border, IBP Blue text	Hover: IBP Gold background, White text.
Headers (H1H3)	IBP Blue	Slate Gray (subheadings)	Use bold weight for emphasis.
Links	IBP Blue	IBP Gold (hover)	Underlined only on hover for a clean look.
Alerts Success	Lime Green	White text	Icon: checkmark in IBP Blue.
Alerts Warning	#E07A5F (standard warning orange)	White text	Used only for critical alerts.
Background Sections	White	Light Gray (alternating rows)	Maintain a minimum of 20px padding.

Digital Asset Examples

Below are miniature examples of how the colours can be combined in typical IBP layouts.

Landing Page Header

<header style="background:#0A5A9C; color:#FFFFFF; padding:40px;">    <h1>Welcome to IBP</h1>    <p>Connecting businesses worldwide.</p>    <a href="#" style="background:#F2A900; color:#FFFFFF; padding:10px 20px;">Get Started</a></header>

Info Card

<div style="border:1px solid #E5E5E5; padding:20px; background:#FFFFFF;">    <h3 style="color:#0A5A9C;">Our Services</h3>    <p style="color:#5C6F7C;">We deliver tailored solutions for global trade.</p>    <span style="background:#F2A900; color:#FFFFFF; padding:5px 10px;">Learn More</span></div>