The Lavender is much stronger. Although with Sans Serif fonts I think you would have been okay using white. (best not to risk black or white on screens, to each their own.)
Looks like you're using "Earth" font. Or something similar?
There seems to be an overuse of whatever that font is. I would change the body font and all the categories (currently in the color of yellow). Leave the "Earth" font on the headings... The banner is where the eye is drawn, but it seems to be floating up there all alone. Consider extending it for a stronger presence on the page.
You're off to a great start, but it should be pointed out that not a lot of people are going to have that font installed on your system. Perhaps you've already thought of this, and you're just checking out the look before you commit everything to a graphic... so if that's the case ignore what I just said.
I doubt people will download and install a font to view your site. Most people won't even know that they are missing your font, because a default font will automatically replace the cool font you've selected. In web design you don't get the absolute power of how raw text will look on your website. You can only make suggestions, the end user has the ability to override your suggestions. Even font size is not in your control. Most browsers can force fonts to on a page to appear at certain size and color. (I have mine set to Verdana) While most people don't do that, it still presents a possible problem that's worth identifying. Which, by the way, if you're looking for a good font, I'd use Verdana, it's more moderan looking than other web-fonts.
A graphic approach might be a safer solution than straight text. I realize it will increase load time a bit, but you should be able to stream the buttons down (if they are only two colors) to almost nothing. And of course, I am only talking about making the headers graphics... don't make the body text a graphic or your page will take forever to load.