Customizing Theme Colors

Making Your Website Match Your Wedding Colors

Every couple has a color palette. Here's how to bring yours to your wedding website.

Accessing Color Settings

1. Go to Dashboard > Settings > Design
2. Click Colors
3. See all customizable color options
4. Changes preview in real-time

Color Options Explained

Primary Color

Your main brand color, used for:

• Headers and important text
• Main buttons
• Links and accents
• Section backgrounds

Secondary Color

Supporting color for:

• Subtle backgrounds
• Secondary buttons
• Borders and dividers
• Complementary accents

Background Color

The overall page background:

• Usually white or very light
• Sets the overall tone
• Affects readability of text

Text Color

Main body text:

• Usually dark gray or black
• Must contrast with background
• Affects readability significantly

How to Set Colors

Using the color picker:

1. Click on any color swatch
2. Use the picker to select visually
3. Or enter a HEX code directly
4. Preview updates as you choose

Using HEX codes:

If you have exact colors from your invitations:

• Enter codes like #B94448 (blush)
• Include the # symbol
• Use 6-character codes

Finding Your Wedding Colors

From invitations:

• Ask your stationer for color codes
• Use a color picker tool on digital files
• Apps like ColorSnap can match physical items

From Pinterest/inspiration:

• Save images with your color palette
• Use color extraction tools online
• Note HEX codes from design sites

From your venue/flowers:

• Photograph items in natural light
• Use phone apps to identify colors
• Adjust for screen vs. print differences

Color Harmony Tips

Complementary colors:

• Opposite on the color wheel
• High contrast and vibrant
• Example: Navy and gold

Analogous colors:

• Adjacent on the color wheel
• Harmonious and cohesive
• Example: Blush, peach, coral

Monochromatic:

• Different shades of one color
• Elegant and unified
• Example: Sage, forest, mint

Ensuring Readability

Contrast requirements:

• Text must be readable against backgrounds
• We'll warn you if contrast is too low
• Aim for dark text on light backgrounds (or vice versa)

Testing:

• Check colors on your phone
• View in different lighting
• Ask others if it's easy to read
• Test with actual content, not placeholders

Matching Specific Colors

Rose gold: #B76E79

Dusty blue: #6B8E9F

Sage green: #87AE73

Champagne: #F7E7CE

Navy: #1E3A5F

Burgundy: #800020

Blush pink: #F4C2C2

Gold: #D4AF37

Terracotta: #E2725B

Dusty rose: #DCAE96

Resetting Colors

To go back to defaults:

1. Go to Settings > Design > Colors
2. Click Reset to Template Defaults
3. Confirm the reset
4. Original template colors are restored

Your content isn't affected — only colors reset.

Saving Color Presets

Save your favorite combinations:

1. Set up colors you like
2. Click Save as Preset
3. Name your preset
4. Access saved presets anytime

This is helpful if you're experimenting with different looks.

Pro Tip: Photograph your physical wedding items (invitations, fabric swatches, flowers) in natural daylight for the most accurate color matching!