MedBrief's color palette comprises three primary hues, each accompanied by a lighter tint, together with a neutral palette. Instead of relying on color weight distribution, each hue fulfills its distinct purpose within our designs.

Our colour palette

Accent colours

Neutrals

Backgrounds & surfaces

Text & borders

Gradients

Primary gradient

Used for

What to avoid

error

Don't highlight accented text

Don't highlight accented text with the primary gradient if it's not interactive (i.e. can be clicked on like a button or link).

error

Don't use it as an image background

Light background gradient

Used in media like presentations, websites and marketing material where we can play with shadows and elevation to create realistic surfaces.

Dynamic gradient

Primarily employed in marketing materials, mastheads, hero sections, banners, and social media posts to captivate attention, this gradient can be molded and tailored to harmonize with the layout and overarching design.