WEBデザイナーさんに質問です。

現在、スマホの画面でボタンを配置しているのですが、画面全体のレイアウトとバランスが取れていない気がしています。 ２つの画面で利用しているのですが、背景色が#CCCCCC、#FFFFFFの２パターンです。 ボタンの形はちょうど、↓のような形です。 ただ、枠線はもっとはっきりしていて、太さ2px。 ボタンの高さは３５pxです。 同時にグラデーションも使っているのですが、良い配色の選択をご教示ください。 枠線、グラデーションの開始色と終了色、３点教えていただけると助かります。 http://365psd.com/day/118/ 左下から２番目のボタン。