design.md

@@ -17,7 +17,7 @@ Os mockups podem ser encontrados [aqui](https://www.figma.com/file/4ejq9dakGdzDu
   - [Tipografia](#tipografia)
   - [Elementos Visuais](#elementos-visuais)
 
-[Protótipos de Alto Nível](#protótipos-de-alto-nível)
+## Protótipos de Alto Nível
 
 ### Tela inicial
 ![image](uploads/c095f3359cd20c312dd100dd5c8ab65f/image.png)
@@ -27,3 +27,14 @@ Os mockups podem ser encontrados [aqui](https://www.figma.com/file/4ejq9dakGdzDu
 
 ### Exemplo de notificação
 ![image](uploads/a8c4458bd1fb07a2b627dc08f5420946/image.png)
+
+## Cores 
+### Paleta primária
+As cores verdes reforçam o logotipo do aplicativo Focus. Verde 900 é a cor padrão de UI para a maioria das interações principais. Essa paleta também inclui cores para os estados de hover, focus, select e active.
+
+![image](uploads/dd87939a9c5703e1b7b7d82b02bace3e/image.png)
+
+### Paleta Neutra
+Esta paleta apresenta cores que podem ser usadas para planos de fundo, elementos de alto contraste (como texto e divisores) e elevação e profundidade.
+
+![image](uploads/69b51c99ecfca20217b4264db42c9a5e/image.png)