brand color

Brand Color Field

Customize your agency's visual identity with brand colors.

Color Types

Primary Color

Your main brand color used for:

  • Navigation buttons
  • Links
  • Page headers
  • Primary call-to-action buttons

Secondary Color

Accent color used for:

  • Borders and dividers
  • Secondary buttons
  • Background highlights
  • Subsection headers

Accent Color

Additional highlight color for:

  • Special call-to-action buttons
  • Badges and tags
  • Success/error indicators
  • Notification dots

How to Use

Color Picker

  1. Click the color swatch to open picker
  2. Select your color visually
  3. Or enter hex code directly (e.g., #007bff)

Live Preview

Changes apply immediately for real-time feedback

Quick Presets

Use pre-built color schemes:

  • Professional Blue: #007bff
  • Modern Green: #28a745
  • Classic Gray: #6c757d
  • Bold Red: #dc3545
  • Royal Purple: #6f42c1

Tips

  • Contrast: Ensure text is readable on your color
  • Accessibility: Avoid colors that don't pass WCAG standards
  • Consistency: Use the same colors across all materials
  • Printing: Test how colors look in print/grayscale

Related Topics