やさしくて、かわいくて、今っぽい──
そんな配色を探している人におすすめしたいのが、空の色から生まれたグラデーション。
今回は、パステルカラーやゆめかわ配色とも相性のいい“空色グラデーション”を、5色セット×12種類でご紹介します。
☑️配色が毎回ワンパターンになってしまうと感じている方
☑️やさしくて今っぽい世界観をデザインに取り入れたい方
☑️ゆめかわ・ガーリー系の配色にときめく方
☑️仕事や趣味で使える、センスのいいカラーパレットを集めたい方
「今っぽさ」と「かわいさ」を両立した配色ばかり。
デザインの引き出しに加えておけば、いざというときにも役立ちます、色コードも記載しています。
🦄 “チルかわ”なデザインに効く、やさしい空の表情たち
空のグラデーションは、時間帯や天候によって驚くほど表情が変わります。
その自然の美しさを、5色のパレットにギュッと凝縮したのが “空色グラデーション” 。
やわらかいトーン・透明感のある色味・自然なつながりがあるため、あらゆるジャンルで使いやすいのが特長です。
韓国コスメのパッケージや瞑想系アプリ、SNS投稿テンプレートやZ世代向けブランドのサイトなどで、“エモくてチル”な印象づくりとして使われています。
デザインが垢抜ける、空色グラデーション12パターン🫧
ここからは、空をテーマにした配色パレットを12種類ご紹介します。
朝焼けや夕暮れ、ゆめかわ・パステルなど、空の表情を切り取ったような配色を集めました。
すべて【HEXコードつき】で、FigmaやCanvaなどでもそのまま使えます。
01. Cotton Sky
雲のようにふんわりやさしい配色。ピンクとブルーのバランスが絶妙で、やわらかくて安心感のある世界観をつくりたいときに。
#F2B6CC | #BE8FBF | #79ACD9 | #AED8F2 | #F2E0DC
02. Crystal Morning
霧がかった朝の空気のように、やわらかく澄んだ配色。ほんのり光を感じるようなペールトーンは、癒し系デザインや美容・ライフスタイル系にも。
#D9ADCA | #ADD4D9 | #F2EEAE | #F2D1B3 | #F2BDBD
03. Twilight Sparkle
淡い夕焼けと夜空がまじわる、魔法のような配色。濃いめのバイオレットがアクセントになり、ファンタジーやチル系のビジュアル。
#F2BBE3 | #5E53A6 | #6F72A6 | #F2CDC4 | #F2A7A0
04. Breeze Horizon
海辺に吹く風のような、爽やかで透明感のある配色。ブルー系を中心に、やさしいベージュとピンクが加わることで、リラックス感のあるデザインに仕上がります。
#F2AEC1 | #77A1D9 | #B6E7F2 | #F2D6B3 | #F2BBAE
05. Sunset Sherbet
夕暮れどきの空にとけこむシャーベットカラーのような配色。ビビッドすぎない紫や水色がほどよく効いて、ゆめかわ・ガーリーな世界観にぴったりです。
#D989CB | #9980F2 | #88ABF2 | #F2DCC2 | #F2B4AE
06. Ocean Glow
海辺で朝陽を浴びるような、さわやかで透き通る配色。少しグリーンがかったブルーがアクセントでナチュラルな雰囲気に。
#D9ADCA | #34BFB1 | #B4D9D5 | #F2D3AC | #F2B6B6
07. Morning Mist
霧がかる朝の空のような、静かでやわらかな配色。くすみ系のグリーンやピンクが中心で、控えめながらも上品な印象に。
#F2BDD0 | #B7A4BF | #C1D9D4 | #F2E2DC | #F2C4C4
08. Hazy Dusk
夕暮れのもやのように落ち着いた、くすみパステルカラー。チルな雰囲気のデザインや、韓国雑貨の配色にもおすすめです。
#FFD3B6 | #FBC1B5 | #DFA3A5 | #C79EAF | #A88BA7
09. Candy Sunrise
キャンディみたいな甘さと、朝焼けのような透明感。スイーツ系デザインや、Z世代向けのポップなアイキャッチにも◎。
#F2A7BB | #F28DBC | #C69AD9 | #F2C791 | #F2B29B
10. Lavender Dawn
夜明け前、ほんのりラベンダーがかった空を思わせるやさしい配色。透明感を残しつつ、ほのかな甘さも感じられるバランス感が魅力です。
#F2C2CF | #D0B0D9 | #BEA3D9 | #F2BB9B | #F29999
11. Bubble Wave
やさしいピンクと青のグラデが、まるで泡のように軽やかに揺れるパレット。
#F2BDC7 | #F2DCE0 | #F2A7C3 | #908AA6 | #78A4BF
12. Prism Cloud
プリズムのような光を受けた、透き通る雲のようなグラデーション。透明感あるラベンダー系の色合いは、癒しや静けさを表現したいときに。
#D9B8D3 | #CDA3D9 | #A7BDD9 | #F2DBAE | #F2E6DF
💡 Adobeライブラリで今すぐ使える！
今回ご紹介した12種類の「空色グラデーション配色」は、Adobe CC（Illustrator / Photoshop / XD など）でそのまま使えるように、ライブラリ形式でもまとめて共有しています。
カラーパレット別に整理されており、ワンクリックで色を利用できて便利ですよ✨
夏っぽい配色、集めてます🌴
ぜんぶ“ピンク入り”。エモくて今っぽいシティポップ配色15選
すべてのカラーパレットに「ピンクを含める」ことをルールに、シティポップな世界観を表現した15の配色をつくりました。
各パレットは5色構成。HEXカラーコード付きで、
Webデザインやイラスト、バナー制作などにそのまま使えます。
レトロでおしゃれ！80年代風シティポップ配色15選【無料DL可】
シティポップを思わせる80年代風の色使いが、最近SNSやグラフィックの現場でよく見かけるようになってきました。
この記事では、そんな雰囲気を再現できる5色構成のカラーパレットを15種類まとめました。
どれも、カリフォルニアの夏を感じさせる抜け感と洗練をまとった色です。
今回は、そんな“夏の黄色”をテーマに15のカラーパレットをセレクト。
この配色パレットは、涼しげな海のブルー、ひんやり甘いスイーツ、どこか懐かしいレトロカラーなど、夏の情緒を分類して集めた、9種類のテーマ配色です。
パステル、くすみ、レトロ、フルーツ系など、さまざまな配色がすぐに使えるようHEXコード付きで表記しています。
配色に迷ったら見ておきたい関連記事まとめ
PhotoshopVIPではこのほかにも、シーン別・テーマ別のカラーパレット記事を公開中。
「もっと配色のアイデアがほしい」「別のテイストも見てみたい」という方は、ぜひこちらもチェックしてみてください。
配色えらびが苦手なひとに役立つ無料ツールをまとめた記事。
2016年の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。
配色の参考にしたい101種類の色の組み合わせをまとめています。
今回は、「自然（英; Nature）」、「フード（英: Food & Drink）」、「旅行（英: Travel）」、「ライフスタイル（英: everyday）」4つにカテゴリー分けされた写真を参考に、配色決めでつかえる100種類のカラーパレット組み合わせをご紹介します。
ウェブデザイン制作で配色の参考にしたい、さまざまなWebサイトから集められた、50種類の美しいカラーパレットをまとめています。
アドビだからストック素材サービスも ここまでクリエイティブ。
Adobe Stockは、アドビがクリエイターのためにつくったストックサービスです。写真やイラストなど高品質な素材が約3億点。無料素材も100万点。
検索、プレビュー、ライセンスの取得をPhotoshopから直接できるので効率の良さが抜群。
たくさんのAdobe Creative Cloudユーザーに選ばれているのには理由があります。
最初のひと月は素材が10点まで無料なので、気軽に始めてみませんか。
