On the about page, the tannish color is to indicate the "current" page the visitor is on. If you had more pages on your site, they those would show up white. You can add the following to your CSS, at the bottom, and edit the color, or you can change it to none or transparent if you wish.
.menu li.current-menu-item > a, .menu li.current-menu-item > a:hover, .menu li.current_page_item > a, .menu li.current_page_item > a:hover {
background: #D6C9A9;
}
The main text for the widget titles (non-link-type) can be taken care of like this.
.widget h2 {
color: #7E7E7E;
}
The link-type widget title colors (twitter and facebook) have a regular and a hover color which can be changed with the below (colors I have are just placeholders).
.widget h2 a
color: #333333;
}
.widget h2 a:hover
color: #CC0000;
}