So you’re ready to give your website a fresh coat of paint. A well-chosen color palette doesn’t just look good; it sets the tone for your event, guides your guests, and reflects you. In this guide, you’ll learn exactly how to tweak the colors in your site editor step by step, so you can roll things out confidently (and stylishly).
How to change your website colors
Click Design from your event dashboard, then click Color from the Design page.
If you’ve imported and set an event photo, the Photo Palette automatically matches the tones in your image. It’s an easy way to create a cohesive look right from the start, no guesswork needed. Prefer something custom? You can always enter your own color or adjust using the picker.
Click the Color Swatch next to the section you want to update (for example, Page Background, Page Text, or Buttons & Links).
Choose a color from the Photo Palette, use the color picker to drag and adjust hues, or type a hex code.
Check the preview on the right to see your updates in real time.
Click Save when you’re happy with your palette.
What Each Color Controls
Every color has a job to do. From the background that sets the scene to the buttons your guests can’t help but click, here’s how each one pulls its weight on your site.
Single Scroll Layout
Background Behind Art changes the background behind your artwork. Please note that not all art options allow for a background color.
Text on Art updates the color of any text layered over the selected Art.
Page Background affects the background for the page’s main content area on the right panel.
Page Text controls the paragraph text.
Buttons & Links changes the accent color for call-to-action buttons like the RSVP, and hyperlinks.
Classic Navigation and Simple Scroll
Background Behind Art updates the area behind your header artwork (if used).
Page Background sets the background for each page’s content area.
Page Text adjusts paragraph and body text.
Buttons & Links changes the color of all interactive buttons and links.
Hit Save and you're all set.
Pro tips for a clean, readable palette
Keep your Page Text color in strong contrast with your Page Background for readability. Try accent tones from the Photo Palette for Buttons & Links — they’ll pop while keeping your design cohesive. And if something looks off, open the picker and nudge the slider; you’ll see your updates instantly in the preview.
Still have some questions?
Ask us directly! Click on the black and white chat bubble in the bottom-right corner of this page to ask us your questions, or you can email us at support@withjoy.com. You’ll get a friendly response from someone on our team! 🙂