<style>
  .hero-section,
  .navbar {
    background-color: #ff6f61;
    color: #fff;
  }

  .navbar,
  .navbar-brand,
  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
  }

  body {
    font-family: 'Open Sans', sans-serif;
    background: #ffd166;
    color: #343434;
    margin: 0;
    padding: 0;
  }

  .hero-section {
    padding: 100px 0;
    text-align: center;
  }
</style>
.about-section, .contact-section, .services-section {
  padding: 40px 0;
  text-align: justify;
}

.about-section {
  background-color: #FFB6C1;
  color: #333333;
}

.contact-section {
  background-color: #FFDAB9;
  color: #333333;
}

.services-section {
  background-color: #FFE4E1;
  border-top: 1px solid #FFDAB9;
  border-bottom: 1px solid #FFDAB9;
}
.contact-section{
  background-color: #FFD3B5;
}

.footer-custom{
  background-color: #FF6B6B;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}

h1, h2{
  font-weight: 700;
  color: #fff;
}

p{
  line-height: 1.6;
}

.btn-primary{
  background-color: #FFD3B5;
  border-color: #FFA69E;
}
.btn-primary:hover{
  background-color: #FF6347;
  border-color: #FF4500;
}

.faq, .testimonial{
  background-color: #FFFFE0;
  border-left: 5px solid #FF6347;
  padding: 20px;
  margin: 20px 0;
}

.faq:hover, .testimonial:hover{
  background-color: #FFFACD;
  transform: scale(1.02);
  transition: transform .3s ease-in-out;
}
 
Nesta nova versão, utilizei tons de amarelo e laranja para criar uma paleta de cores quentes e alegres, mais adequadas para um restaurante. Além disso