Brand Color Schemes
This document provides the official color schemes of our brand.
Color Reference Table
| Color Name | Color Sample | Hex Code |
|---|---|---|
| Neutral | #988E90 | |
| Primary (Light) | #006686 | |
| Secondary (Light) | #704d9f | |
| Tertiary (Light) | #006d3e | |
| Error (Light) | #ba1a1a | |
| Background (Light) | #fffbff | |
| Outline (Light) | #73777f | |
| Primary (Dark) | #70d2ff | |
| Secondary (Dark) | #d8b9ff | |
| Tertiary (Dark) | #72db9a | |
| Error (Dark) | #ffb4ab | |
| Background (Dark) | #3e0021 | |
| 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.