Customizing your color palette

Every template in MenuSquared uses three color slots that define your menu's palette:

• Primary: The dominant color, used for headings, section titles, and decorative accents. This is typically your brand's main color.
• Accent: A secondary color used for highlights, badges, price text, and interactive elements. It should complement your primary color.
• Background: The base color of your menu page. Most menus use white or a light neutral, but dark backgrounds work beautifully with the right template.

Each template comes with a set of curated color themes, professionally designed palettes that work well with that template's typography and layout.

To browse curated themes, open the Branding tab in the editor (paintbrush icon) and look for the color palette section. Click any theme swatch to apply it instantly. The live preview updates in real time.

If the curated themes don't match your brand, you can set custom colors for each slot:

1. Open advanced color settings: In the Branding tab, toggle the advanced view to reveal individual color pickers for each slot.
2. Pick your colors: Use the color picker or enter a hex code directly (e.g., #D2691E).
3. Preview in real time: The menu preview updates immediately so you can see exactly how your colors look.

Colors can be set at two levels:

• Restaurant defaults (Design System): Set in Settings → Design System. These become the default palette for all new menus you create.
• Menu-level overrides: Set in the editor's Branding tab for the specific menu you're editing. These override the restaurant defaults for that menu only.

This is part of the branding cascade: template defaults sit at the bottom, restaurant settings in the middle, and menu overrides at the top. The highest level always wins.