Think of your background, foreground and elements as a series of z dimensional objects.
naturally the background should not be lurid, followed by the layout elements that define your website areas, followed by the actual content data and elements that would be used by the website visitor. try to be minimal with a colour range and dont forget about tones, white, greys and black can be substitutes for elements.
In this small graphic we are using a neutral tone for the background, and have decided to stick with the warm colours of the spectrum, we use a dark red maroon colour for the areas that mask out the element boxes and two warm hues orange and yellow for the title text and body text.
This creates a harmony and makes the eye focus to the text while suggesting its all part of one big hue pattern. I have tried to make it as close to yours so it can be used if you want.