モロッカンカラーパレット20選｜おすすめ配色とHEXコード一覧

モロッコのカラーパレットは、ゼリージュタイルやスーク、砂漠の風景からインスピレーションを得て、宝石のようなトーンと日差しを浴びたニュートラルをミックスしています。その結果、強いコントラストと手作りのぬくもりがあり、時代を超えて現代的でもある印象になります。

以下は、ブランディング、インテリア、UI、パッケージ、SNS投稿に使えるHEXコード付き20種類のモロッコ調パレットと、それぞれのスタイルをすばやくビジュアル化できるAI画像プロンプトです。

モロッコのパレットがこんなに魅力的な理由

モロッコのトーンは、豊かさとアーシーさを兼ね備え、強くなりすぎない絶妙なバランスが特徴です。たいていは1色か2色の「宝石」系（ティール、インディゴ、ルビー）がアンカーになり、柔らかいニュートラル（ボーン、サンド、パーチメント）がレイアウトに余裕を持たせます。

また、自然なヒエラルキーも生み出します。深いブルーやチャコールはタイポグラフィや構造を担当し、サフランやブラスやテラコッタがボタンやハイライト、フォーカルとなるモチーフの注意を引きつけます。

インスピレーションが実際の素材—タイル釉薬や粘土、石、レザー—に基づいてるため、こうした配色はデジタルデザインシステムでも、パッケージやインテリアといった現物でも自然に馴染みます。

20種類以上のモロッコ風カラーパレットアイデア（HEXコード付き）

1) スークスパイス

HEX： #C2543A #E2A037 #8A5A2D #0F6B6D #F4E7D3

ムード： 暖かい、活気ある、職人風

おすすめ用途： レストランのブランディングやメニューデザイン

温かみと活気にあふれ、スパイス屋台や素焼きの壺、真鍮のトレイに夕暮れの光が差し込む様子を思い出させます。これらのモロッコ調カラ―は、即座に食欲をそそるメニューや、看板、ロイヤリティカードに最適です。ティールはアクセントとして余白と組み合わせて使い、読みやすいレイアウトに。ポイント：サフランは価格や注目ポイントの強調だけに使い、視線だけをさりげなく導きます。

media.ioで生成されたスークスパイスの画像例

Media.io

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

今すぐ無料でお試しください

2) ゼリージュティール

HEX： #1BA7A6 #9BE3D4 #2646A6 #F2EFE7 #2B2B2B

ムード： クリーン、爽やか、コースタル

おすすめ用途： UIダッシュボードやデータウィジェット

クリアで水のような雰囲気は、タイルや海風、涼しい石畳の廊下を思わせます。ティールとコバルトはチャートや切替、バッジに明快なヒエラルキーをもたらしますが、刺激的すぎません。明るい色はオフホワイトやチャコールテキストと組み合わせてバランスを。ポイント：ミントは控えめなホバーステートに使い、静かさと一貫性を演出します。

media.ioで生成されたゼリージュティールの画像例

3) サハラ砂丘

HEX： #E6D2B5 #C5A47E #A56B4E #7A7D3A #3B2A1F

ムード： グラウンデッド、日差し、ナチュラル

おすすめ用途： インテリア壁塗装・デコプランニング

柔らかく素朴な雰囲気は、風に形作られた砂丘やレザーアイテム、乾いたオリーブの低木を思わせます。リビングや玄関、カフェなど、あたたかさを出したいけど濃くしたくない空間に最適です。織物やマットな陶器で質感をプラスし、平坦な印象を避けましょう。ポイント：最も濃いブラウンは、トリムや金具など、ここぞという所だけで使いメリハリを。

media.ioで生成されたサハラ砂丘の画像例

4) アトラスインディゴ

HEX： #1E2A78 #7D84D8 #C9A24A #F6F1E6 #4B5563

ムード： エレガント、クール、洗練

おすすめ用途： ファッションルックブック編集レイアウト

洗練されてムーディー、インディゴ染めや黄昏時のストリート、織物の金のアクセントを思わせます。インディゴとスレートはタイポと商品キャプションにぴったりのベースに。ラベンダーは区切り、ブラスはページ番号や引用など小さなラグジュアリー感に最適。ポイント：フォトフレームはボーンやオフホワイトを使い、影が濁らないようにしましょう。

media.ioで生成されたアトラスインディゴの画像例

5) マラケシュローズ

HEX： #C98B8F #8E2C3D #F1A36B #FFF1E1 #3B1F1F

ムード： ロマンティック、日差し、祝福

おすすめ用途： 結婚式招待状セット

ロマンチックで日差しを浴びた印象は、バラの漆喰壁、ザクロの紅茶、夕暮れのアプリコット色の輝きを彷彿とさせます。ふんわり優しくリッチなアクセントカラーは招待状や返信カード、封筒内部などに最適。濃いワイン色はクリームと合わせて、空気感のある上品なタイポグラフィを演出。ポイント：アプリコットカラーは小さいモチーフ（アーチや花など）にだけ使い、全体を圧迫しないあたたかみを添えましょう。

media.ioで生成されたマラケシュローズの画像例

6) デザートナイト

HEX： #0B1D3A #3A1B3F #B56A3C #EAD8C0 #A9B0B8

ムード： ミステリアス、上質、シネマティック

おすすめ用途： 高級製品パッケージ

暗く映画的な印象は、ランタンが灯る路地やミッドナイト生地に映る銅のきらめきを思わせます。ディープネイビーと茄子色はラグジュアリー感をすぐに演出し、サンドや月光グレーがラベルを読みやすくします。銅色は広い背景より、ロゴや縁取りなど箔押しのアクセントに最適。ポイント：余白をたっぷりとり、暗い色が重くならないよう意図的に配置しましょう。

media.ioで生成されたデザートナイトの画像例

7) シトラスコートヤード

HEX： #B8D645 #F2D64B #FAF7EF #2B8C8A #C9643B

ムード： 明るい、遊び心、エアリー

おすすめ用途： 春の植物イラストポスター

明るく軽やかで、タイル張りの中庭に育つシトラスの木と、斑の光が感じられます。ライムとシトロンが楽しい主役になり、ティールが葉や影にすっきりとしたコントラストを添えます。クリームは紙の色として使い、水彩画の軽やかさを保ちましょう。ポイント：テラコッタは小さな果実のアクセントだけに使い、グリーンが主役で爽やかな印象をキープします。

media.ioで生成されたシトラスコートヤードの画像例

8) スパイスマーケットニュートラル

HEX： #F0E2CE #BFA68A #9A5A3A #6E6B3A #1F2A30

ムード： おだやか、アーシー、ミニマル

おすすめ用途： ミニマリストWebテーマ

落ち着いたアーシーな印象は、麻袋やドライハーブ、風化した木をイメージします。ビジュアルが主役でUIはそっと支えるミニマルなサイトにはベストなパレット。インクカラーは見出しやボタンに、シナモンやオリーブはさりげないアクセントに。ポイント：背景は最も薄いベージュに保ち、長いページでも沈んだ印象を避けましょう。

media.ioで生成されたスパイスマーケットニュートラルの画像例

9) オアシスミント

HEX： #BFEBD6 #52C5C0 #2F7D5B #E9D9BF #E27C6A

ムード： みずみずしい、クリーン、前向き

おすすめ用途： スキンケア商品の広告

爽やかでクリーンな印象は、冷たい水やミントティー、やわらかい砂が足元に広がる景色をイメージさせます。ミント〜アクアのレンジはウェルネス感を直感的に与え、パームグリーンが信頼感と深みをプラス。コーラルは小さなCTAやプロダクトバッジにだけ使い、主張しすぎず目立たせられます。ポイント：小物は控えめにし、主役のグリーンを1つ決めて構図の核にしましょう。

media.ioを使用して生成したオアシスミントの画像例

10）ブラスランタン

HEX： #C6A24A #D08A2D #6B1F2B #1A2233 #F5EAD6

ムード： 輝く、ドラマチック、ヴィンテージ

おすすめ用途： バーポスター＆ナイトライフプロモ

輝きとドラマのある雰囲気は、ベルベットの影と琥珀色のハイライトに彩られたランタンの灯るラウンジを思わせます。ミッドナイトとバーガンディを大きなブロックや文字のコントラストに使用し、ブラスとアンバーで華やかさを加えましょう。羊皮紙を背景に使うと暗くなり過ぎず、細かい文字も読みやすくなります。コツ：ブラス色は細いボーダーやエンブレムに用いると、レイアウトを崩さず金属インクのような効果を出せます。

media.ioを使用して生成したブラスランタンの画像例

11）テラコッタタイル

HEX： #D36A4A #A64632 #F7E6D0 #1F7A78 #2A1B16

ムード： 素朴、大胆、手作り感

おすすめ用途： キッチンのバックスプラッシュムードボード

素朴で大胆な色合いは、手焼きタイル、クレイの屋根、涼しげなティール色の目地をイメージさせます。テラコッタとクリームはキッチンの定番ベースであり、ティールを加えることでカスタム感のあるアクセントになります。オニキス色はハードウェアや照明で取り入れて全体を引き締めましょう。コツ：ティールは陶器やテキスタイルなど、小さな分量で繰り返すと意図的なデザインに見えます。

media.ioを使用して生成したテラコッタタイルの画像例

12）コースタル・エッサウィラ

HEX： #9AD8D2 #0E6E70 #B08D6A #F7F7F4 #9CB2C4

ムード： さわやか、軽やか、海辺

おすすめ用途： トラベルブログ用ヒーローバナー

そよ風のように軽やかで、海辺の旧市街、風化した扉、塩を浴びた石を思わせます。シーフォームとディープティールは見出しやボタンに映え、ドリフトウッド色で自然な印象が加わります。クリーンな白をメインキャンバスにすることで、クールな色調でも冷たすぎない雰囲気に。コツ：画像キャプションやナビゲーションバーには、空色グレーをやわらかいオーバーレイとして被せましょう。

media.ioを使用して生成したコースタル・エッサウィラの画像例

13）ロイヤル・フェズ

HEX： #0B7A4B #B12A3A #D1B15A #F5F0E6 #14234A

ムード： 高貴、鮮やか、儀式的

おすすめ用途： イベントフライヤーデザイン

高貴で鮮やか、彫刻の扉、宝石色、柔らかなランタンの光に照らされたゴールドのディテールを想起させます。これらのモロッカンカラーはコンサートフライヤーや文化イベント、ガライベント招待状に最適です。背景はアイボリーで、ルビーやエメラルドの衝突を防ぎ、ミッドナイトブルーで文字をまとめましょう。コツ：ゴールドは日付や重要な名前のハイライトとしてのみ使うと、プレミアムな印象が保てます。

media.ioを使用して生成したロイヤル・フェズの画像例

14）デーツパームアース

HEX： #6B3F2A #3E6B4E #E4D0B4 #B27754 #F8F1E4

ムード： オーガニック、落ち着き、職人の技

おすすめ用途： クラフトコーヒーパッケージラベル

ナチュラルで落ち着きのあるパレットは、デーツパーム、焙煎豆、陽光射す粘土を思い起こさせます。ブラウンとクレイの色味は手触り感があり、パームグリーンを加えることで自然で持続可能な雰囲気になります。ライトクリームはラベル背景に使うと、小さい文字やテイスティングノートも読みやすく。コツ：パームグリーンはストライプやシールでポイント的に使うと、余計なアクセントに見えなくなります。

media.ioを使用して生成したデーツパームアースの画像例

15）サフラン＆スモーク

HEX： #E6A11A #8A8F96 #2C2E33 #D7A0A6 #F4F0E8

ムード： モダン、エッジィ、バランス良好

おすすめ用途： アプリのオンボーディング画面

モダンで少しエッジが効き、サフランの輝きが都会のスモークに切り込む雰囲気。サフランはプライマリーボタンや進捗インジケーターにぴったり、チャコールがUIをしっかり支えます。ブラッシュトーンはイラストや空状態を柔らかく演出。コツ：サフランは画面ごとにアクション1つだけに絞ると、オンボーディング全体がすっきり自信ある印象に。

media.ioを使用して生成したサフラン＆スモークの画像例

16）ベルベルラグ

HEX： #B63A2B #243B80 #D0A12A #1A1A1A #F3EBDD

ムード： 大胆、グラフィック、民族的

おすすめ用途： テキスタイルパターンデザイン

大胆でグラフィック、ウールのラグや民族モチーフ、インクで描かれた幾何学を思わせます。このモロッカンカラーパレットはリピートパターンやラベル、主張のあるアクセサリーに最適。メインフィールドはウールホワイトにし、黒でエッジを引き締めましょう。コツ：マスタードとチリレッドは小さめのブロックで交互に使い、リズム感のあるパターンにすると良いです。

media.ioを使用して生成したベルベルラグの画像例

17）クレイ＆カクタス

HEX： #4E7D5B #C26A4A #E7D3B8 #8FB7C4 #3A2A22

ムード： エコ、親しみやすい、現代的

おすすめ用途： エコブランド・アイデンティティ

新鮮でありながらアース感もあり、サボテンガーデンやクレイプランター、淡い空の霞を思わせます。グリーンは持続可能で信頼感ある印象を、クレイは温かみと親近感をブランドにもたらします。背景はサンド色、ワードマークはディープブラウンにすると、印刷物でもデジタルでもコントラストが保てます。コツ：スカイカラーはアイコンや区切り線などの補助グラフィックで使い統一感を保ちましょう。

media.ioを使用して生成したクレイ＆カクタスの画像例

18）ハマムカーム

HEX： #B8D6E6 #7BBFA3 #F6F4ED #9A9B95 #E8D7C3

ムード： 癒やし、軽やか、スパのよう

おすすめ用途： スパのウェブサイトランディングページ

癒やしと軽やかさは、スチームや清潔なタイル、静かなプールを思わせます。ペールブルー＆ユーカリ色がヒーローセクションやCTAボタンに優しいウェルネス感を演出。背景はアイボリー、ナビや細かい文字にはストーングレーを使いましょう。コツ：ソープベージュはやわらかなグラデーションバンドとして区切りに使うと重たくなりません。

media.ioを使用して生成したハマムカームの画像例

19）ポメグラネートサンセット

HEX： #9A2235 #E06A3B #D98B8D #4B1F3A #F6E6D5

ムード： 表情豊か、暖かい、ロマンチック

おすすめ用途： ソーシャルメディア向け名言テンプレート

表情豊かで暖かなパレットは、テラコッタの屋根に広がる夕焼け空や市場の熟した果実を連想させます。温かいクリーム色をキャンバスに使えば、ザクロやプラム色も重さを感じず豊かな印象に。サンセットオレンジはキーワードのハイライトに、ブラッシュ色はテキスト裏のブロックを柔らかく演出します。コツ：背景はシンプルにし、深い色味1色でタイポグラフィを引き締めるとモバイルでも可読性がアップします。

media.ioを使用して生成したポメグラネートサンセットの画像例

20）カスバシャドウ

HEX： #6B6A3A #C2A33B #8C3F2D #2B2B2B #E7D6BF

ムード： 歴史的、ムーディ、建築的

おすすめ用途： 建築レンダリングの配色スタディ

ムーディで建築的なこの配色は、要塞の壁や影のある中庭、埃っぽいオーカー色の光景を思わせます。オーカーとサンドはマッシングスタディに最適、ブリック色は焦点としてあたたかみを加えます。チャコールは線や影に使えば構図がシャープに。コツ：オリーブはランドスケープ要素へ使い、建築本体の色を際立たせて自然な仕上がりに。

media.ioを使用して生成したカスバシャドウの画像例

モロッコの色と組み合わせが良い色は？

モロッカンパレットは、ボーン、パーチメント、サンド、クリームなどの暖かなニュートラルと特によく合います。これらの色は宝石色の強さを和らげ、デザインの読みやすさを保ちます。

大胆なコントラストを求めるなら、チャコール、インクブラック、ミッドナイトブルー、ナス色などの深い色を加えましょう。これによりテラコッタ、サフラン、エメラルド、ティールがさらにプレミアムで意図的な印象に。

より新鮮な印象を出すには、シーフォーム、ミント、ペールスカイブルーなど海岸風のアクセントを取り入れてみてください。明るい配色でも、タイルや石のインスピレーションが感じられます。

実際のデザインでモロッコパレットを使う方法

背景にはニュートラル（クリーム、ボーン、サンド）をベースに使い、ブランドのメインカラーは宝石色1色（ティール、インディゴ、エメラルド）を選びましょう。もう1色のビビッドカラーは、CTAやハイライト、キーとなるモチーフのコントロールされたアクセントとして使ってください。

インテリアでは同じアクセントカラーをテキスタイルや陶器、アートなど様々な場所で小さく繰り返すことでコーディネート感が生まれます。デジタルUIでは、テキストはチャコールやディープネイビー主体にし、鮮やかな色はアクティブ、ホバー、バッジなど「状態」で主に使うと良いでしょう。

迷った場合は、60/30/10ルール：60％ニュートラル、30％メインカラー、10％アクセントにパレットを限定してください。モロッカン配色は「スパイス」が控えめなときに最も映えます。

AIでモロッコ調パレット画像を作成しよう

HEXコードを持っているけど最終イメージが思い浮かばない場合は、本番前にAIでクイックモックアップを作成しましょう。テラコッタとティールがメニューに合うか、インディゴがエディトリアルに映えるか、サフランのボタンカラーの使いやすさなどをテストできます。

パレット名と付属のプロンプトを使って、ポスター、UI画面、パッケージ写真、ムードボードを作成し、色を一つずつ入れ替えることでコントラストを調整しましょう。（例えばクリームをボーンに、チャコールをディープネイビーに変更など）

Media.ioなら、モロッカンなトーンを瞬時に一貫性あるブランド、SNSテンプレート、コンセプトボードに変換できます。

次へ： グリーンイエローのカラーパレット