Branded Colors

Branded Theme Colors

Used for buttons, alerts, and other elements in which cohesive colors are needed throughout the
brand website.

Primary CTA

Generally use only one per page unless multiple buttons are used for a same or similar main call to action.

Prioritize contrast following WCAG guidelines. Avoid using buttons on low-contrast backgrounds. See accessible combinations for more information.

Light Background – All Brands

Ōnin Gold – Palette #1

Dark Background – All Brands

Ōnin Green – Palette #2

Ōnin Gold – Palette #2

Primary

Used for the majority of actions and are to be different color than the Primary CTA even if the Primary CTA color is listed below.

Prioritize contrast following WCAG guidelines. Avoid using buttons on low-contrast backgrounds. See accessible combinations.

The Ōnin Group

Light Background

Ōnin Blue – Palette #2

Ōnin Gold – Palette #2

Dark Background

Ōnin Staffing

Light Background

Ōnin Blue – Palette #2

Ōnin Gold – Palette #2

Dark Background

Fōcus

Light Background

Palette #2

Dark Background

Excelsior

Light Background

Ōnin Blue – Palette #2

Ōnin Gold – Palette #2

Dark Background

Momentum Capital Funding

Light Background

Ōnin Gray – Palette #2

Ōnin Gold – Palette #2

Dark Background

A3 Solutions

Light Background

Ōnin Blue – Palette #2

Ōnin Gold – Palette #2

Dark Background

Ōnin Aerospace

Light Background

Ōnin Blue – Palette #2

Dark Background

Palette #2

Warning

Used for elements that are intended to inform the user of important messages or actions that affect their interaction with the website.

Secondary

Used for secondary actions that are less important.

Dark Background

Palette #2