Um formulário de contato básico geralmente é composto por no mínimo quatro campos: nome, e-mail, telefone, um campo para o usuário deixar uma mensagem e um botão para o envio do formulário.

Abaixo segue o código Html do formulário, que já tem as classes e ids necessárias para utilizarmos no css.

<div class="pgContato">
   <div class="contato">
      <div class="formContato">
         <form id="formContato" tabindex="1" action="#" method="post">
            <input id="nome" name="nome" required="" type="text" placeholder="Nome" /> 
            <input id="email" name="email" required="" type="email" placeholder="Email" /> 
            <input id="tel" name="tel" type="tel" placeholder="Telefone" /> 
            <textarea id="conteudo" name="conteudo" required="" placeholder="Deixe uma mensagem"></textarea>
            <button class="botaoContato" type="submit">Enviar</button>
         </form>
      </div>
   </div>
</div>

Agora vamos utilizar o Css para estilizarmos o nosso formulário de contato, lembrando que o formulário será responsivo, ou seja, irá se ajustar a qualquer dispositivo, seja desktop, tablet ou celular. O visual que fiz é apenas um exemplo, você pode alterá-lo facilmente, basta apenas mudar o Css, seja a cor, de acordo com o que for melhor para seu projeto.

Segue o código Css abaixo.

.formContato {
   width: 100%;  
}  
.formContato input {  
   width: 90%;  
   margin-left: 10px;  
   margin-right: 10px;  
}  
.formContato textarea {  
   width: 90%;  
   margin-left: 10px;  
   margin-right: 10px;  
}  
.botaoContato {  
   margin-left: 10px;  
   margin-right: 10px;  
   margin-top: 1px;  
}  
.pgContato input {  
   padding-left: 20px;  
   color: #292929;  
   font-size: 18px;  
   background-color: #E9E9E9;  
   border: 1px solid #E9E9E9;  
   -moz-border-radius: 5px;  
   -webkit-border-radius: 5px;  
   border-radius: 5px;  
   height: 40px;  
   margin-bottom: 20px;  
   border-bottom: 1px solid #ccc;  
   border-left: 1px solid #ccc;  
}  
.pgContato textarea {  
   padding-left: 20px;  
   color: #292929;  
   font-size: 18px;  
   background-color: #E9E9E9;  
   border: 1px solid #E9E9E9;  
   -moz-border-radius: 5px;  
   -webkit-border-radius: 5px;  
   border-radius: 5px;  
   height: 200px;  
   margin-bottom: 20px;  
   border-bottom: 1px solid #ccc;  
   border-left: 1px solid #ccc;  
}  
.botaoContato {  
   border-radius: 4px;  
   color: #fff;  
   padding: 2px 40px;  
   height: 40px;  
   margin-top: 18px;  
   opacity: 0.9;  
   margin-bottom: 20px;  
   cursor: pointer;  
   background: #B22222;  
   display: inline-block;  
   border: none;  
   border-bottom: 1px solid #500707;  
   border-right: 1px solid #500707;  
}  
.botaoContato:hover {  
   opacity: 1.0;  
   transition: 1s;  
}

Exemplo – JSFiddle

Veja aqui como enviar um formulário de contato por e-mail com PHP.

E está ai seu formulário de contato, simples e responsivo.