Brand Color Schemes

This document provides the official color schemes of our brand.

Color Reference Table

Color NameColor SampleHex Code
NeutralNeutral#988E90
Primary (Light)Primary Light#006686
Secondary (Light)Secondary Light#704d9f
Tertiary (Light)Tertiary Light#006d3e
Error (Light)Error Light#ba1a1a
Background (Light)Background Light#fffbff
Outline (Light)Outline Light#73777f
Primary (Dark)Primary Dark#70d2ff
Secondary (Dark)Secondary Dark#d8b9ff
Tertiary (Dark)Tertiary Dark#72db9a
Error (Dark)Error Dark#ffb4ab
Background (Dark)Background Dark#3e0021
Outline (Dark)Outline Dark#8a9297

Usage Guidelines

  • Primary colors are intended for main brand elements and calls to action.
  • Secondary and Tertiary colors should complement the primary colors, used for accents and secondary actions.
  • Error colors are reserved for cases where grabbing attention is needed, and should only be used for call-outs.
  • Background and Surface colors form the base of your design layouts, offering contrast for text and elements.
  • On colors indicate high contrast pairings, ensuring text and icons are visible against their respective backgrounds. For example, if the Primary color is used for the background, the “On Primary” color should be used for any text rendered on that background.

By adhering to these color schemes, affiliates can help maintain a cohesive brand identity across various platforms and media. Use these colors in your designs to ensure visual consistency and adherence to brand standards.