We have a range of logos and images available for media to download for use in online and print publications
This guide follows modern scientific principles of color psychology used by leading global tech brands to ensure clarity, balance, and engagement across all design systems.
The purple range represents trust, innovation, and sophistication. Use for key headers, banners, and section backgrounds to maintain brand recognition and consistency.
#6A4CFF
Main Brand Purple
#8C6EFF
Highlights / Gradient Start
#B89EFF
Soft Background / Cards
#F9F9FC
Page Base / Light Background
Teal accents convey energy, innovation, and clarity. Use these hues for icons, active links, hover effects, and supportive graphical highlights.
#00B2B2
Accent Color
#56DCDC
Hover / Highlight Elements
#E8FFFF
Soft Background Tint
Use dark gray for text (#222), purple (#6A4CFF) for major headings, and white text only on dark or gradient backgrounds. Clean typography adds professionalism and balance.
#222222
Main Body Text
#6A4CFF
Headlines / Titles
#FFFFFF
Text on Dark Backgrounds
Orange creates attention and triggers urgency. Use with purple base elements for maximum visibility on βBuy,β βSubscribe,β or βStartβ actions.
#FF7B3B
Primary CTA Buttons
#FFFFFF
Text on CTA Buttons
#FFF2E8
Hover Shade / CTA Background
These ratios are grounded in UX design psychology for balanced hierarchy and optimized color interaction.
| Section | Color Codes | Usage | Visual Weight |
|---|---|---|---|
| Brand Base | #6A4CFF, #8C6EFF, #B89EFF | Headers, Banners, Section BGs | β60% |
| Accents | #00B2B2, #56DCDC | Icons, Dividers, Active Links | β20% |
| Typography | #222222, #6A4CFF, #FFFFFF | Headings & Body Text | β15% |
| CTAs | #FF7B3B, #FFF2E8 | Buttons / Conversion Elements | β5% |