bootstrap

Códigos? ...

Usa o inspecionar elemento e ve qual parte do codigo esta fazendo isso, ai depois e so mudar

Cores padrão e pra que servem:

#F8F8F8 : navbar background
#E7E7E7 : navbar border
#777 : default color
#333 : hover color (#5E5E5E for .nav-brand)
#555 : active color
#D5D5D5 : active background

Este é o estilo padrão:

/ navbar /

.navbar-default {
 background-color: #F8F8F8;
 border-color: #E7E7E7;
}

 color: #777;
}

 color: #5E5E5E;
}

 color: #777;
}

 color: #333;
}

 color: #555;
 background-color: #E7E7E7;
}

 color: #555;
 background-color: #D5D5D5;
}

 border-top-color: #777;
 border-bottom-color: #777;
}

 border-top-color: #333;
 border-bottom-color: #333;
}

 border-top-color: #555;
 border-bottom-color: #555;
}

 border-color: #DDD;
}

 background-color: #DDD;
}

 background-color: #CCC;
}

 color: #777;
 }
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #333;
 }
}

Lembre-se de sobrescrever as regras do hover e suas respectivas cores.

Aqui tem um gerador bem legal e inclusive gera o código para pré-processadores: http://work.smarchal.com/twbscolor/