21選パールカラーのカラーパレットとHEXコード一覧

パールは、暖かいクリーム色と涼しいグレーの間に位置する柔らかく光を反射するニュートラルカラーで、落ち着いた高級感のあるデザインを簡単に作ることができます。真っ白よりも温かみと奥行きを感じさせる清潔なベースカラーが欲しい時に特に効果的です。

以下に、ブランド、インテリア、UIで使えるパールのカラーパレットアイデアを紹介します。それぞれHEXコードとAIプロンプト付きで、視覚デザイン生成に活用できます。

パールパレットが優れている理由

パールトーンは自然に多用途で、「柔らかい白」として機能します。明るく清潔感がありながら、まぶしさや強いコントラストを抑えてくれるので、レイアウトやパッケージ、インテリアで落ち着きや読みやすさを重視する場面にぴったりです。

暖色・寒色のアクセント両方をスムーズに合わせることができ、パレットが分断された印象になりません。シャンパンやキャラメル、ローズゴールドで温かみを強調することも、スレートやティール、ノルディックブルーでクールな印象にすることもできます。

さらに、パールパレットは少ない手間で高級感を演出できます。クリームからグレージュ、チャコールへと微妙なトーンの階調が、少数色でも深みや階層感を作り出します。

20以上のパールカラーパレットアイデア（HEXコード付き）

1）オイスターシルク

HEX： #F6F2EE #E7DED6 #CFC6BE #B7B0AA #6E6A67

雰囲気： 柔らかい、洗練、落ち着き

最適用途： 高級スキンケアパッケージ

朝の光で輝くオイスターシェルのような柔らかく洗練された色調が静かで高価な印象を与えます。ベースに明るいクリームを使い、暖かいグレーで文字や細い線を加えましょう。ミニマルなパッケージやラベル、非コート紙の質感にぴったり。ポイント：最も濃いグレーは小さな文字に使うと、全体に軽やかさが出ます。

media.ioで生成したオイスターシルクの画像例

Media.io

Media.ioは、ブラウザで動画・画像・音声の作成・編集ができるオンラインAIスタジオです。

無料で今すぐ試す

2）シーフォームパール

HEX： #F4F1EC #D9E4DF #AFC7BF #6F9C92 #2F4F4B

雰囲気：沿岸、フレッシュ、癒し

最適用途：スパのウェブサイトヒーローセクション

沿岸でフレッシュな印象。シーグラスや霧の空気、清潔な海岸線を思わせる色合いです。淡いクリームがベースに、深いティールがボタンや見出しを引き締めます。余白や柔らかなグラデーションと合わせることで、モダンなウェルネス感を演出。ポイント：アクセントは各セクションにティール1色だけにすると視覚的ノイズを防げます。

media.ioで生成したシーフォームパールの画像例

3）ブラッシュラスター

HEX： #F7F1F0 #E9D2D6 #D6AEB7 #B77A87 #5A3B42

雰囲気：ロマンチック、暖かい、洗練

最適用途：ブライダル招待状セット

ロマンチックで暖かく、サテンリボンや柔らかい花びらを思わせる色調です。淡いブラッシュを背景に使い、ベリー系の色でモノグラムや大事な情報を目立たせましょう。繊細なセリフ体や控えめな箔素材と良く合います。ポイント：最も濃い色は名前や日付などで使うと全体が繊細に仕上がります。

media.ioで生成したブラッシュラスターの画像例

4）シャンパンシェル

HEX： #F8F3EA #E9DCCB #D8C2A3 #B58B63 #6B4D33

雰囲気：香ばしい、祝祭、エレガント

最適用途：レストランのメニューデザイン

香ばしく祝祭的な印象。シャンパンの泡やキャンドルの明かりが漂うテーブルを思わせます。ページベースにクリーミーな明るい色、セクション区切りやアイコンには暖かいタンカラーを重ねましょう。白黒の料理写真や真鍮色のアクセントとも相性抜群。ポイント：本文は濃いブラウンで記載すると明るい背景でもコントラストが保てます。

media.ioで生成したシャンパンシェルの画像例

5）ムーンストーングレー

HEX： #F3F4F5 #D9DDE1 #B7BEC7 #7A8592 #2F3640

雰囲気：モダン、クール、集中

最適用途：SaaSダッシュボードUI

モダンでクールなムーンストーンのようなグレーがスタジオライトの下で輝きます。一番明るい色をサーフェスに、スレートカラーをナビゲーションやデータ強調に使いましょう。情報量が多くても重い印象になりません。ポイント：影の代わりに隣接する2つのグレーで立体感を出すとUIがよりクリーンになります。

media.ioで生成したムーンストーングレーの画像例

6）ラベンダーパール

HEX： #F5F0F6 #E3D8EE #C4B2D7 #8E79B6 #43375E

雰囲気：ドリーミー、優しさ、クリエイティブ

最適用途：美容編集誌面

ドリーミーで優しいラベンダーパールは、パールのような光を帯びたライラックの霞を思わせます。淡いバイオレットを余白に、濃いパープルを引用やセクションタイトルに。艶やかな商品画像やクリーンなグリッドレイアウトと好相性。ポイント：1ページに強いパープルは1色にすると誌面が軽やかです。

media.ioで生成したラベンダーパールの画像例

7）コースタルサンドバー

HEX： #F7F3ED #E6DDCF #CBBCA4 #8E9B7A #3E4B3A

雰囲気：自然、安定、爽やか

最適用途：エコブランドアイデンティティ

自然で安定感があり、砂丘や流木、海辺の草をイメージさせる色合い。セージグリーンはブランドのシグネチャーアクセントとしてロゴやパッケージに向いています。リサイクル紙の質感やシンプルなラインイラストと合わせて。ポイント：最も濃いグリーンはスタンプやシールでの使用がおすすめ、信頼感が生まれます。

media.ioで生成したコースタルサンドバーの画像例

8）インク＆アイボリー

HEX： #F6F2ED #E2D8CF #BFAFA4 #5A4F4B #1E1B1A

雰囲気：タイムレス、高コントラスト、編集向け

最適用途：ブックカバーデザイン

タイムレスで編集感のあるアイボリーのペーパーに濃いインクと柔らかな影が映える色調。タイトルの文字にはほぼブラックを、暖かいニュートラルは背景やテクスチャーに最適。ミニマルな写真や力強いセリフ体フォントととても良く合います。ポイント：細いグレージュのラインで文字要素を分けると、色のノイズを避けられます。

media.ioで生成したインク＆アイボリーの画像例

9）ローズゴールドシーン

HEX： #F7F1EA #E9D3C6 #D8A79A #B96B5C #6C3A33

雰囲気：グラム、暖かい、招待

最適用途：ジュエリープロダクト広告

グラマーで暖かく、クリーミーなパールに光を当てるローズゴールドのように読みます。深みを失わずに柔らかさを求める商品広告に最適なパール色の組み合わせです。クローズアップメタルテクスチャとペアリングし、価格設定とCTAのためのマイナススペースがたくさんあります。ヒント: 広告がうるさくなく豪華なままになるように、最も小さなテキストは最も暗い色合いにしてください。

media.ioを使って生成したローズゴールド光沢の画像例

10) アルパインパール

HEX：#F4F5F2 #DDE5D8 #B9CBB1 #7FA07A #2F4A35

雰囲気：清潔、アウトドア、バランスの取れた

最適用途：オーガニック食品ラベル

清潔でアウトドアで、アルプスの空気、ハーブ、淡い石を呼び起こします。柔らかいオフホワイトをラベルのベースとして使用し、グリーンに寄りかかってバッジ、成分アイコン、ボーダーを付けます。シンプルなボタニカルラインアートやクラフトパッケージとよくマッチします。ヒント: ラベルを一目で読みやすくするために、中央の緑色を 1 つのハイライト要素に制限します。

media.ioを使って生成したアルパインパールの画像例

11) シトラスパールポップ

HEX：#F8F4EE #E6E0D6 #C9C2B5 #F2C14E #7A5A20

雰囲気：明るい、日当たりの良い、モダン

最適用途：ニュースレターのヘッダーグラフィック

明るく晴れて、クリーミーな磁器にレモンの皮を乗せたような感じです。レイアウトをきれいに保つためにパールニュートラルを使用し、ハイライトとボタンのために柑橘系の黄色をリードさせます。フレンドリーなサンセリフフォントやシンプルな幾何学的形状とよく組み合わせます。ヒント: ページを圧倒しないように、バッジや下線などの短いバーストで黄色を使用してください。

media.ioを使って生成したcitrus pearl popの画像例

12) ミニマルスタジオ

HEX：#FAF7F2 #EAE3DA #D1C7BC #A79A8D #3C3834

雰囲気：ミニマル、温かみ、洗練された

最適用途：ポートフォリオウェブサイトのテーマ

ミニマルで暖かく、太陽に照らされた漆喰と清潔なスタジオの壁のように見えます。このようなパールカラーパレットは、作品が最も大きな要素であるべきポートフォリオに最適です。1つの強いタイプファミリーとミッドトープの微妙なホバー状態とペアにします。ヒント: 見出しとプライマリ ナビゲーションにのみチャコールを使用して、階層を鮮明にします。

media.ioを使って生成したminimal studioの画像例

13) 北欧ブルーパール

HEX：#F3F3F1 #D7E0E6 #9FB5C3 #4F748C #1E3645

雰囲気：鮮明で、知的で、信頼できる

最適用途：フィンテックアプリのオンボーディング画面

鮮明でインテリジェントで、淡い石の上の冬の空を思い出させます。パネルにはライトパールグレーを使用し、進行状態とハイライトにはブルートーンを使用します。きれいな図像と簡潔なマイクロコピーとうまく組み合わせます。ヒント: CTA の場合は最も濃い青を使用して、各ステップがガイドされて明確に感じられるようにしてください。

media.ioを使って生成した北欧ブルーパールの画像例

14) 砂漠の真珠の夕暮れ

HEX：#F6F2EA #E3D6C9 #C9AD97 #A77B62 #47342B

雰囲気：素朴、ロマンチック、映画のような

最適用途：旅行ポスターデザイン

素朴でロマンチックで、淡い砂を洗い流す砂漠の夕暮れのような気分です。ポスターのベースにソフトパールベージュを使用し、タイポグラフィと形状に粘土とココアの色合いで深みを構築します。粒状の写真や大胆な凝縮フォントとよくマッチします。ヒント: 見出しの後ろに暖かいグラデーションを 1 つ追加して、映画のようなリフトを実現します。

media.ioを使って生成した砂漠の真珠の夕暮れの画像例

15) パールノワール

HEX：#F5F3F0 #D8D2CC #A59C95 #4A4542 #0F0F10

雰囲気：ドラマチック、洗練された、プレミアム

最適用途：ファッションルックブックレイアウト

ドラマチックで洗練された、淡いパール紙に対して光沢のある黒のインクを示唆しています。余白とマイナススペースにはオフホワイトを使用し、タイトルとキャプションには黒に近いコントラストを使用します。モノクロ写真やシャープなグリッドシステムとよく組み合わせます。ヒント: ページ番号や仕切りなどの小さな UI 要素の場合は、中グレーを維持します。

media.ioを使って生成したパールノワールの画像例

16) クチナシクリーム

HEX：#FBF6ED #EFE2CF #DCC7A6 #BFA17A #6D543B

雰囲気：居心地がよく、クラシックで、歓迎的です

最適用途：カフェインテリアムードボード

居心地がよくクラシックで、温かいクリーム、焼き砂糖、磨かれた木のような感じです。壁やテキスタイルには明るいクチナシの色調を使用し、木材、メニュー、看板にはキャラメルブラウンを重ねます。柔らかい照明やリネンや籐などの触覚素材との相性も抜群です。ヒント: ミッドタンをスツールやメニューヘッダーなどの 2 か所で繰り返して、まとまりを生み出します。

media.ioを使って生成したクチナシクリームの画像例

17) 柔らかいティールの辉き

HEX：#F2F4F3 #D1E6E3 #8CCBC4 #3D8F8A #214B4A

雰囲気：爽やかで清潔で賑やか

最適用途：ウェルネスアプリUIキット

さわやかで清潔で、真珠のようなきらめきのある冷たい水を思い出させます。淡いミントグレーが背景を処理し、ティールがトグル、チャート、成功状態のインタラクティブな色になります。丸みを帯びたコンポーネントと広々とした間隔とうまく組み合わせます。ヒント: UI が重くなく軽く感じられるように、選択された状態でのみ最も濃いティールを使用します。

media.ioを使って生成したソフトティールグリントの画像例

18) ヴィンテージ パール ペーパー

HEX：#F7F4EF #E7E0D5 #CFC3AE #A4937A #5D4E3E

雰囲気：ノスタルジック、職人風、落ち着いた

最適用途：手作り石鹸ラベル

ノスタルジックで職人的で、古紙と柔らかいインクのような感じがします。淡いパールのベースがラベルを読みやすくし、温かみのあるブラウンが手作りの魅力を加えます。スタンプされたイラスト、ボタニカルラインアート、テクスチャードストックと組み合わせてください。ヒント: ロゴをミッドブラウンで印刷し、成分と小さなコンプライアンステキストのために最も暗いトーンを予約します。

media.ioを使って生成したヴィンテージパール紙の画像例

19) 冬の真珠の夜

HEX：#F4F1EE #DAD4D1 #B3A9A5 #6C6461 #1F2328

雰囲気：涼しく、静かで、雰囲気があります

最適用途：写真ウェブサイトのヘッダー

涼しく静かで、暗い石の上に落ち着く冬の霧を思い起こさせます。これほどコントラストのあるパールカラーパレットは、画像にスペースが必要で、ナビゲーションがシャープである必要がある写真ヘッダーに最適です。薄いサンセリフタイプと微妙なオーバーレイとペアリングしてキャプションを作成します。ヒント: ヘッダーを控えめにするために、ホバー状態とプライマリリンクでほぼ黒のみを使用してください。

media.ioを使って生成した冬真珠の夜の画像例

20) プリズムパールパステル

HEX：#F6F3F6 #E5DFF2 #DDEBE7 #F2D6E5 #C7D3F5

雰囲気：遊び心があり、風通しがよく、楽観的

最適用途：春の植物イラスト

遊び心があり風通しがよく、真珠の粉に散らばった半透明のパステルのような感じです。一度に2つの支配的なパステルを使用し、柔らかいラベンダーグレーですべてを結びつけます。水彩の質感や軽いラインワークと美しくマッチします。ヒント: パステルの形が鮮明で新鮮なままになるように、背景をほぼ白に保ちます。

media.ioを使って生成したプリズムパールパステルの画像例

21) 磁器ブルーウォッシュ

HEX：#F7F6F2 #E5E7E4 #C9D1D6 #8EA4B3 #3F5664

雰囲気：静かで清潔、風通しの良い

最適用途：企業用スライドデッキテンプレート

穏やかで清潔で、クールなブルーのウォッシュが施された磁器を思い出させます。スライドには淡いニュートラルを、チャート、コールアウト、セクションタイトルにはスチールブルーを使用します。薄いアイコンや広々とした間隔との相性が良く、モダンな企業的な雰囲気を醸し出しています。ヒント: 注意をすばやく向けるために、キー ナンバーのみを最も濃い青にしてください。

media.ioを使って生成したporcelain bluewashの画像例

パールと相性の良いカラーは？

パールは、チャコール、インクブラック、ココア、スレートなどの深いニュートラルと美しく相性が良く、コントラストが意図的でありながらも柔らかく感じられるためです。これは、編集レイアウト、プレミアム パッケージ、およびクリーンなナビゲーションを必要とする UI の信頼できる組み合わせです。

より新鮮な外観のために、パールとシーフォーム、ティール、ノルディックブルーなどの水っぽい色合いを組み合わせてください。これらのアクセントは、全体的なデザインを軽く保ちながら、ボタン、ハイライト、主要なデータ ポイントに十分な彩度を与えます。

暖かさが欲しい場合は、パールとチーク、ローズゴールド、シャンパン、キャラメルブラウンをブレンドしてください。これらの組み合わせは、おもてなし、美容、結婚式の文房具、そして親しみやすいエレガンスを必要とするあらゆるブランドに最適です。

実際のデザインでパールカラーパレットを使う方法

まず、主な背景としてパール トーンを 1 つ選択し、表面 (カード、パネル、ラベル ブロック) に隣接するライト ニュートラルを使用します。これにより、重い影や強いボーダーに頼らずに深みが生まれます。

次に、タイポグラフィとコントラストの高い UI 要素の「アンカー」カラー (多くの場合、最も暗いスウォッチ) を 1 つ選択します。1 つのダーク アンカーを使用すると、読みやすくなり、パレットが洗い流されるのを防ぎます。

最後に、アクセントをページまたはセクションごとに1つの注目の色合い(ティール、チーク、黄色、または青)に制限し、CTA、アイコン、および小さなハイライトで一貫して繰り返します。一貫性は、パールパレットが淡いのではなく磨かれた感じを与えるものです。

AIでパールパレットのビジュアルを作成する

モックアップ、広告、UIコンセプト全体でパレットをまとまって見せたい場合は、まず同じカラーストーリーからいくつかのビジュアルを生成します。AI を使用すると、最終的な方向性にコミットする前に、ミニマル、コースタル、エディトリアル、ウォームなど、さまざまな気分を素早くテストできます。

上記のプロンプトを再利用し、件名（パッケージ、ランディングページ、招待状）を入れ替え、パールベースを一貫して保ちます。これにより、クライアント、チーム、または独自のポートフォリオ向けの統一されたデザイン リファレンス セットを作成できます。

好きな外観を見つけたら、さまざまなフォーマット (正方形、風景、肖像画) のバリエーションを生成して、パール パレットがチャンネル間できれいに変換されます。

次へ： クラシックカラーパレット