ホームページにどんな配色を採用するかはホームページのテーマによって大きく変わりますが、時期的なトレンドが加味される場合もあるでしょう。

2016年は"シックなネイビーブルー"と"明るいクリーム色"の組み合わせや"デュオトーンのようなビビッドな色"の組み合わせなどが流行しました。
そして2016年後半頃からは"パステルカラー"を使ったサイトも多く生まれました。

今回は、2017年もトレンドが続くと予想される"パステルカラー"を使った印象的なサイトをまとめました。
　　

パステルカラーが印象的なサイト11選

1. Horlogerie 2016

01.jpeg
http://bilan-trends2016.heed.agency
フランスのデジタルエージェンシーHeedの高級時計やスマートウォッチに関する特設サイトです。
淡い桜色やエメラルドグリーンを部分的に使って、時計のイラストを引き立たせています。
　　

2. Made of Sundays

02.jpeg
https://www.madeofsundays.com
Made of Sundaysはフィンランド・ヘルシンキ生まれの動物をモチーフにしたグッズを制作しています。
パステルカラーがファンシーなグッズのイメージとぴったりあっています。
　　

3. dear mayuko

03.jpeg
http://dearmayuko.co.jp
dear mayukoは天然の繭の成分「セリシン」を使った新しいライフスタイル提案型ビューティーブランドです。女性的な美を素朴に表現するために、白の余白を大胆に使いながら部分的にパステルカラーを取り入れています。
　　

4. Beyond This Point

04.jpeg
http://beyondthispoint.design
Beyond This Pointはクリエイティブワークに関わる人々の間のトークを配信しているオランダのサイトです。スクロールするとセクションごとに様々なパステルカラーの色が切り替わります。
　　

5. Pennies for iPhone

05.jpeg
https://www.getpennies.com
PenniesはiOSで作動するシンプルでスタイリッシュな家計簿アプリです。アプリの画面では赤・緑・青などのシックなパステルカラーが採用されています。
　　

6. OFFICE MOLE

06.jpeg
http://office-mole.co.jp
OFFICE MOLEは、世田谷に拠点を構える芸能プロダクションです。
プロマイド写真のような画像がカルーセルで切り替わると、背景も対応して様々なパステルカラーを楽しむことができます。
　　

7. CSSConf

07.jpeg
https://2016.cssconf.com
デザイナーやクリエイターたちが集うカンファレンスがCSSConfです。
ピンクのパステルカラーを背景としながらも、ビビッドな色の文字やアンティークポップ調の写真を合わせてアバンギャルドな雰囲気になっています。
　　

8. TOKYO MUSIC ODYSSAY 2017

08.jpeg
https://tokyomusicodyssey.jp
TOKYO MUSIC ODYSSAYはスペースシャワーTVが毎年行っているミュージックフェスタです。
メニューや背景の模様にパステルカラーが所々に取り入れられています。
　　

9. どすこい！まげニャン

09.jpeg
http://magenyan.com
高校生力士の助六が、飼い猫にゃんと一緒に大活躍するというどすこい！まげニャンの公式サイトです。
本来の作画からパステルカラーを多様しており、とても愛着の持てるキャラクターです。
　　

10. HOO KOO E KOO

10.jpeg
http://hookooekoo.co
HOO KOO E KOOはカリフォルニアにあるクリエイティブエージェンシーです。
スクロールするごとにパステルカラーの背景がグラーデーションのように変わります。
　　

11. きゃりーぱみゅぱみゅオフィシャルサイト

11.jpeg
http://kyary.asobisystem.com
ミュージシャンきゃりーぱみゅぱみゅさんのオフィシャルサイトです。本人がギターを奏でる背景動画を引き立たせながら、ピンクのパステルカラーをさりげなく採用しています。
　　

まとめ

パステルカラーは、どちらかといえば女性的でポップなイメージがあるため、使用する場面は限定されます。
ただ与えたいイメージとぴったりなのであれば、非常に強力な配色となります。

フラットデザインが流行した時は、パステルカラーの明度を少し落としたシックな感じのフラットカラーが流行しましたが、最近出てきているのは比較的明るくポップなものです。

ぜひ、パステルカラーを取り入れたWebデザインにも挑戦してみてください。