# Custom Color Overrides & Contrast

Learn how to customize your primary and secondary brand colors with automatic text contrast.

If your club has specific brand guidelines or official hex colors, you can apply **Theme Overrides** on top of any chosen preset.

## Step 1: Open Theme Overrides

In the **Theme & Appearance** settings view, locate the **Theme Overrides** card directly below the preset selector.

![Theme Overrides Panel](/images/guides/color-overrides/step-1-theme-overrides.png)

## Step 2: Customizing Primary and Secondary Colors

You can customize:
- **Primary Brand Color**: Used on main action buttons, active navigation indicators, and primary highlights.
- **Secondary Color**: Used on secondary buttons, badges, and accent elements.

To change a color:
1. Click the color swatch box to open the native color picker, or type an exact hex code into the input field (e.g. `#2563eb`).
2. The platform automatically calculates the ideal high-contrast text color (e.g. white or dark text on buttons) to ensure accessibility compliance.
3. The live preview immediately reflects your new brand colors.

## Step 3: Reverting to Preset Defaults

If you want to reset your customized colors back to the preset's original palette, click the **Revert** button at the top of the Theme Overrides card.