ご質問ありがとうございます、こちらのデモサイトの配色を気に入っていただけたのですね。

このデモサイトそのままの配色を、場所と色番号で記載します。

左側がデザイン設定画面の左側の項目名です。それぞれカラーパレットを開くと「#」のついた入力欄があるので、カラーコード（6桁）をコピーペーストして「決定」します。（入力する際は「#」は不要です）

 

=====

テーマ設定

• アクセントカラー：#deaa9e
• 【ヘッダーバー】バーカラー：#deaa9e
• ⌊ ヘッダーバー上のテキストカラー：白
• 【サイドバー】背景色スタイル：カラーパレットから指定する
• ⌊ サイドバー背景色：#f1ede8
• ⌊ サイドバー上のテキストカラー：#514f4d
• 【サイドバー】⌊ ボタンカラー：#6d6259
• ⌊ コンセプトエリア背景色：#f9f8f6

全体の「背景」設定

• 白

 

=====
以上でデモサイトと同じ配色になります。
全体としては、サイドバーなどは優しいベージュにしつつ、ヘッダーバーやボタンのピンクがポイントになっています。

例えばこの薄ピンクを違う色にするだけで、同じトーンで少し雰囲気を変えることができますので、ピンクに拘らない場合は「ヘッダーバー」と「アクセントカラー」を変えてみてください。
ポイントは、どの色にするにしても淡い感じにすることで全体のトーンに合った優しいイメージになります。

よろしくお願いいたします。