App Design: Planning and Wireframe

I sketched out a wireframe for my app:

I then decided to try to start making the app to see how it would look. 

This turned out quite well, but the green looked quite washed out. 

Therefore, I changed the grey to a darker shade and the green to a brighter one.

These are the colours I changed to:

White f5f5f5

Grey 272727

Light Grey 3D3D3D

Dark Grey 1B1B1B

Green 61B72C

Dark Green 446f2a

ABD691 X --> #E1FFCF (light green)