<aside> 💭 This section outlines the DUO color system and how to apply it consistently across all brand materials to ensure visual clarity, accessibility, and recognition.

</aside>

Quick links

  1. Color palette
  2. Colour usage

Color Palette

couleurspal-22.png

#8DC53D

couleurspal-21.png

#009241

couleurspal-18.png

#1FB6EA

couleurspal-27.png

#204D6F

couleurspal-28.png

#F89A31

greylogo.png

#67686C

couleurspal-24.png

#322E2A

DUO Off White-50.png

#EDECEA

light offwhite.png

#F4F3F2

Colour usage

Logo colors

The logo colors are the primary accent (punch) colors of the brand. Use them to highlight key elements such as calls to action, icons, key words, or important details. They should draw attention, not dominate the layout. Avoid overuse: apply intentionally to maintain impact.

Orange secondary accent

The orange color should be used sparingly. Reserve it for subtle emphasis only. It should never compete with the logo colors or become a dominant color in layouts.

Text colors

Text colors include two whites and one black. Choose the appropriate text color based on background contrast and readability.

Background colors

Approved background colors are dark blue and the two white variants. Backgrounds should remain clean and neutral to allow punch colors to stand out.

<aside> ☝ Social media posts may use alternative text and background colors from the approved brand palette in order to support creativity, engagement, and platform-specific needs, as long as the overall look and feel remains aligned with the brand. Use of non-brand colors is not permitted.

</aside>


Next Up: Iconography

Return to Home