今回の記事では、オシャレなパステル色のカラーコードをご紹介します。
先日のブくすみカラーの記事同様、自分用のメモも兼ねた記事となります。もしよかったら、ご自由にカラーコードをコピペしてお使いください!
またページの下部に加工OKのパルテルカラーの背景画像ご用意しました。フリー素材としてお使いください!
パステルカラーとは
パステルカラーとは、白いをを混ぜた淡いカラーのことです。

こちらの画像でもわかるように、カラー自体白色が多く含まれています。
パステルカラーは優しい色なので、ベビーグッズなどに使われることも多いです。
服やネイルでも人気が高い色で、パステルカラーの魅力にどっぷり浸かっている方も多いのではないでしょうか。
オシャレなパステル色のカラーコード
オシャレ見えするパステル系のHTMLコードを集めました。

コピペで使ってください!
パルテル系ピンクのカラーコード
人気の高いピンク色のパステルカラーです。
画像 | カラー名 | カラーコード |
---|---|---|
![]() ![]() | フェアリーピンク | #F3DBE8 |
![]() ![]() | ソフトローズ | #F5CAD5 |
![]() ![]() | ホワイトピンク | #FEEBF8 |
![]() ![]() | パステルピンク | #FFD1DC |
![]() ![]() | ソフトピンク | #FFB2D0 |
![]() ![]() | ライトコーラル | #FFABAB |
![]() ![]() | ピンクラベンダー | #E6A8F0 |
![]() ![]() | ピーチピンク | #FABAC8 |
![]() ![]() | パステルピンク | #FFD1E8 |
![]() ![]() | ライトコーラル | F0A8AB |
パルテル系パープルのカラーコード
原色の紫が苦手の人にも愛されるラベンダーカラーのHTMLコードです。
画像 | カラー名 | カラーコード |
---|---|---|
![]() ![]() | パステルパープル | #EBE0F3 |
![]() ![]() | ソフトライラック | #CAB9D8 |
![]() ![]() | パステルパープル | #B39CD0 |
![]() ![]() | ライトラベンダー | #E6B5FF |
![]() ![]() | パステルラベンダー | #DFB3F0 |
![]() ![]() | パステルパープル | #B3ABF0 |
![]() ![]() | ライトラベンダー | #D1A8F0 |
パルテル系ブルーのカラーコード
青色ベースのカラーは、ピンクのパステルパワーみたいに可愛くなりすぎないところもいいですね。
画像 | カラー名 | カラーコード |
---|---|---|
![]() ![]() | ベビーブルー | #AFE1F3 |
![]() ![]() | ベビーブルースカイ | #ACD8FE |
![]() ![]() | ライトスカイブルー | #C9D5ED |
![]() ![]() | ムーンブルー | #C1C9E3 |
![]() ![]() | ペールアクア | #D0FFF6 |
![]() ![]() | ベビーブルー | #C8D1F0 |
![]() ![]() | ベビーブルー | #A0C8F0 |
![]() ![]() | ライトブルー | #ADD8E6 |
![]() ![]() | パステルアクア | #C8F0F3 |
パルテル系グリーンのカラーコード
緑色ベースのくすみカラーやパステルカラーはトレンドですね。
画像 | カラー名 | カラーコード |
---|---|---|
![]() ![]() | ミントアイス | #D0FCED |
![]() ![]() | ミントグリーン | #A0FFC3 |
![]() ![]() | ライトミント | #B5FFEA |
![]() ![]() | ペールミント | #D2EEE8 |
![]() ![]() | ライトグリーン | #D1F0A8 |
![]() ![]() | パステルミント | #A8F0C8 |
パルテルイエロー黄色・パルテルオレンジのカラーコード
パステルイエローやパステルオレンジは優しい色合いでありながら、明るさ・活力・元気な印象を与えてくれます。
画像 | カラー名 | カラーコード |
---|---|---|
![]() ![]() | ライトレモン | #F4F7B4 |
![]() ![]() | パステルイエロー | #EFF1B2 |
![]() ![]() | ペールオレンジ | #FFC3A0 |
![]() ![]() | パステルイエロー | #FFD700 |
![]() ![]() | クリーム | #FFFFB5 |
![]() ![]() | パステルオレンジ | #FFDFAB |
パステルカラー無地のグラデーション背景画像素材
加工OKの背景画像ご用意しました。フリー素材です。
バナーなどの素材としてご自由にお使いください。



配布している画像は私がPhotoshopで作ったものです。まだまだ数が少なくてすいません。
画像をクリックしていただくと、別タブで2000ピクセル×1300ピクセルの大きい画像が表示されます。右クリックや長押しの画像を保存する機能を使って保存してお使いください!
こちらの無地の背景画像については、
- 加工OK
- 二次配布OK
です。どうぞご自由にお使いください。
当サイトはリンクフリーです。
こちらのページ内のカラーコードはご自由にお使いください。
もし引用元として当サイトのURLを記載していただける場合は、
トップページURL
https://ukiani.tokyo
もしくは
本ページURL
https://ukiani.tokyo/color/2023/2868/
の記載をお願いします。



