ブリックレッドは、温かみがありナチュラルでありながら現代的な雰囲気を持つ、落ち着いた赤色です。ピュアなスカーレットほど強くなく、温かみを求めるブランドやデザインによく使われます。
下記にHEXコード付きで今すぐ使えるブリックレッドの配色例20選と、UI・印刷・パッケージ・インテリアでの実用的な組み合わせのコツを紹介します。
本記事の内容
ブリックレッド配色がなぜこんなに馴染むのか
ブリックレッドは赤と茶色の中間に位置し、温かみやナチュラルさ、信頼感を感じさせます。赤の持つ感情的な力を持ちつつも、より落ち着きと「使い込まれた」雰囲気があります。
やや穏やかな色味なので、ブリックレッドはニュートラルカラー(クリーム、トープ、チャコール)とも相性が良く、クールな色味(スレート、ティール、ネイビー)とのコントラストも映えます。この柔軟性で、ブランディング・UI・パッケージ・インテリアと幅広く活用しやすい色です。
また、紙・テキスタイル・塗装・ディスプレイなど様々な素材で再現性が高く、ニュートラルをベースにパレットを組み、最も濃い色を読みやすい文字色として使うのがおすすめです。
20以上のブリックレッドカラーパレット例(HEX付き)
1)クレイハース

HEX: #B5493A #F2E6D8 #6B4A3A #A9B2A2 #2B2B2B
雰囲気: 温かみ、落ち着き、職人気質
おすすめ用途: アルチザンカフェのブランディング
窯焼きクレイのような温かみと素朴さで、手作り感があり親しみやすいブリックレッド。主役カラーとして使い、クリームで余白を作り、チャコールで文字を強調しましょう。セージグリーンは爽やかさを加えつつ冷たくなりすぎません。コツ:一番濃い色は見出しやアイコン用に使うと、小さいサイズでも可読性が保てます。
media.ioで生成されたクレイハースの画像例
Media.ioは、ブラウザ上で動画、画像、音声をAIで作成・編集できるオンラインスタジオです。
2)デザートテラコッタ

HEX: #C25A3C #F7D9B5 #D9A441 #6D7B6A #3C2B22
雰囲気: 日差しを浴びた楽観的&ナチュラル
おすすめ用途: サウスウェスタンインテリアのアクセント
サンベイクドな質感と前向きな雰囲気で、アドビ壁や織物、午後の光を連想させるブリックレッドの配色。暖かなサンドやゴールド系の色と、控えめなグリーンを組み合わせるとバランス良く住み慣れた空間のように。ダークブラウンはウッドやレザーの仕上げとして活かせます。コツ:小物や金具などにゴールドを繰り返し取り入れて空間を統一しましょう。
media.ioで生成されたデザートテラコッタの画像例
3)ラスティックワイナリー

HEX: #9E3D2F #E7D3C2 #4B1F24 #8C7A6B #1E1A19
雰囲気: シックで素朴、洗練された雰囲気
おすすめ用途: ワインラベルパッケージ
シックでラスティックなブリックレッド配色で、オーク樽やセラーの陰、ダークな果実味を想起。深みのあるマルーンで強調し、ラベルの本文はクリームで上品に。トープ系カラーで用紙や箔の素材感を統一できます。コツ:黒はラベルの枠やカプセルにアクセント程度に,使いすぎないのがコツ。
media.ioで生成されたラスティックワイナリーの画像例
4)ヴィンテージブリックワーク

HEX: #B14A3B #C9B08B #2F3A3D #7A8F7C #F4F1EA
雰囲気: 歴史的・穏やか・建築的
おすすめ用途: ブティックホテルのWebサイトUI
日差しを浴びたレンガとヴィンテージ感のある金属ディテールのよう。背景をクリームにして赤を重たく感じさせず主張をはっきり。スレートと淡いグリーンで自信と読みやすさのあるUIパーツを実現。それでいて温かみもあり歓迎感も演出できます。コツ:ボタンにはブリックカラー、セカンダリーアクションはスレート色で注目ポイントをコントロール。
media.ioで生成されたヴィンテージブリックワークの画像例
5)コージーライブラリー

HEX: #A44534 #F3EFE7 #5B3B2E #B89C7D #2E2A28
雰囲気: 居心地の良い・クラシック・本好き
おすすめ用途: 書店イベントのポスター
レザーの風合い、本の端、静かな読書スペースのようなクラシックな配色。柔らかいオフホワイトによって本文を親しみやすく、ブラウンと黒でタイトルにしっかりしたコントラストを。フレームや線画、小さなイラストには暖色系を用いて温もりをプラス。コツ:赤は大見出しと重要なコールアウトだけに絞ると時代を超えた印象に。
media.ioで生成されたコージーライブラリーの画像例
6)オータムマーケット

HEX: #BF5036 #FFD6A8 #6A8D73 #2E5C6E #3B2A24
雰囲気: 活気・季節感・親しみやすさ
おすすめ用途: ファーマーズマーケットのチラシ
パンプキンやコットンバッグ、外の出店に漂うひんやりした空気を思わせる季節感ある配色。背景には暖かいピーチ色を使い、見出しに赤を置いて配色が際立ちます。ティールブルーをポイントに使うと意外性のあるクールなコントラストで視認性がUP。コツ:グリーンは日付や場所などのラベルに使うと見やすい配置になります。
media.ioで生成されたオータムマーケットの画像例
7)ミニマルスタジオ

HEX: #B84B3C #FAF7F2 #2B2D2F #C8C2B8 #6C7A7D
雰囲気: モダン・ミニマル・自信に満ちた
おすすめ用途: ポートフォリオWebサイトのUI
クリーンなスタジオの壁に1枚のアートを飾ったような現代的な配色。オフホワイトを主なキャンバスに、ブリックレッドはリンクや強調色としてピリっと利かせる。クールグレーはナビゲーションやキャプション、仕切り線に活用し、主張しすぎず脇役に。コツ:ブリックレッドはホバーなど一つのインタラクションに一貫して使うとノイズ感を抑えられます。
media.ioで生成されたミニマルスタジオの画像例
8)地中海タイル

HEX: #B24B3A #F0E0C8 #2F6F73 #1F3B3A #D48A5B
雰囲気: コースタル・パターン・陽光
おすすめ用途: レストランのメニューデザイン
手描きタイルやテラコッタ鉢、海辺の木陰を思わせるコースタルな配色。見出しなどカテゴリの強調にはティール、クリームで全体を軽やかで見やすく。優しいオレンジで暖色と寒色の橋渡しとして小アイコンやボーダーに。コツ:非光沢紙に印刷すると実感的な仕上がりになります。
media.ioで生成された地中海タイルの画像例
9)コッパー&クリーム

HEX: #C04F3A #FFF2E2 #D6B48C #8A6A58 #2C2421
雰囲気: ソフトラグジュアリー・温もり・エレガント
おすすめ用途: スキンケア製品のパッケージ
コッパーの輝きとクリーミーな磁器のような、上質であたたかみのあるブリックレッド。パッケージには淡いクリームをメインに使い、ブリックレッドは洗練感を演出するポイント使いに。成分表示や副次的なテキストにはタンやモカを用い階層性を明確に。コツ:艶消し+アクセントで控えめなメタリックを加えると高級感が増します。
media.io を使用して生成された銅色とクリーム色の画像例
10)ノルディックキャビン

HEX: #A94A3B #EDE3D6 #36413E #7A8777 #1F1F1F
雰囲気: 心地よくモダン、アウトドア風、バランス良好
おすすめ用途: 冬季セールのSNS広告
心地よくモダンでアウトドア風、松の影と温かいキャビンの輝きをもたらします。赤は価格タグや重要なオファーに控えめに使い、クリームとチャコールがレイアウトを担当。落ち着いた緑色で全体の雰囲気を穏やかかつ季節感を持たせます。ヒント: ダークトーンが小さな画面で広告を圧迫しないよう、余白を多めに。
media.io を使用して生成されたノルディックキャビンの画像例
11)モダンビストロ

HEX: #B84A3B #F6E9D7 #2F2A26 #D0A06A #5B7D74
雰囲気: 魅力的、現代的、食事中心
おすすめ用途: ビストロ看板とメニューセット
魅力的で現代的なレンガ色のカラーパレットは、真鍮のディテールと清潔なリネンの暖かいダイニングルームに感じます。クリーム色をメニューやテーブルテントのベースとして使用し、赤を見出しやハイライトに。ゴールドが食欲をそそる温かさを加え、緑がセットにバランスを与えます。ヒント: 店名には太字のセリフ体、商品説明にはクリーンなサンセリフ体を組み合わせて。
media.io を使用して生成されたモダンビストロの画像例
12)ボタニカルクレイ

HEX: #AF4A3A #F7F1E7 #4E6B4E #C6D1B9 #2D2A27
雰囲気: ナチュラル、優しく、オーガニック
おすすめ用途: 水彩ボタニカルイラスト
ナチュラルで優しく、植木鉢や葉の茎、柔らかなスタジオの光を感じさせます。淡いクリームと明るい緑色のウォッシュで紙のような背景を作り、深い緑を茎や影に使用、クレイレッドはアクセントとして花や鉢に。ヒント: 水彩画の雰囲気を残すために、エッジを若干不完全に仕上げましょう。
media.io を使用して生成されたボタニカルクレイの画像例
13)サンセットメーソナリー

HEX: #C6533A #F9D1B8 #F1A24A #5A6B7A #2B2220
雰囲気: エネルギッシュ、晴れやか、大胆
おすすめ用途: 音楽フェスティバルポスター
エネルギッシュで晴れやかなレンガ色の組み合わせは、夕焼けが街のレンガ壁に照らす様子を想起させます。明るいオレンジが楽しげに読めるよう、ポスターのフィールドにはピーチ色を使用。スレートブルーがラインナップや詳細に力強いカウンターを提供し、パレットの過度なホット化を抑えます。ヒント: 主要情報は最もダークなトーン、オレンジはインパクトのあるグラフィック要素のみに。
media.io を使用して生成されたサンセットメーソナリーの画像例
14)アーバンロフト

HEX: #B3493A #E7D9CC #4C4F54 #9AA3A8 #202225
雰囲気: インダストリアル、クール、現代的
おすすめ用途: 建築ポートフォリオレイアウト
インダストリアルでクール、コンクリート床やスチールビーム、さらされたレンガ壁を思い起こさせます。温かいオフホワイトでレイアウトを軽やかにし、グレーがグリッドやキャプション、図面を担当。レンガ色はセクション区切りやプロジェクトマーカにアクセントとして使用。ヒント: 各見開きにつきアクセントは一つに限ると、ポートフォリオがクリーンかつプロフェッショナルに。
media.io を使用して生成されたアーバンロフトの画像例
15)ヘリテージラベル

HEX: #A33F33 #F2E2CF #233142 #C9A46A #3A2B24
雰囲気: 伝統的、プレミアム、タイムレス
おすすめ用途: クラフトスピリッツラベルデザイン
伝統的かつプレミアムなこのパレットは、古い世界のスタンプやネイビーインク、古紙を想像させます。ネイビーがレンガ色をダスティな雰囲気から洗練された印象に引き上げ、パーチメントはラベルのメインフィールド、ゴールドは境界線やシールに。ヒント: 赤とネイビーは小さなサイズで試して、細部が紙の質感でぼやけないように。
media.io を使用して生成されたヘリテージラベルの画像例
16)ソフトブラッシュブリック

HEX: #B24A3B #F6D6D0 #F9F4EE #8F7C74 #3B2F2C
雰囲気: ロマンティック、ソフト、モダン
おすすめ用途: 結婚式招待状セット
ロマンティックでソフトなこのレンガ色パレットは、温かい紙と手結びのリボンの上にブラッシュフローラルが映える印象です。ブラッシュとアイボリーは広い面に使い、濃い色は名前・日付・返答詳細に。レンガ色はワックスシールやモノグラムマークに最適。ヒント: 優雅なスクリプトとクリーンなセリフ体を組み合わせることで洗練された印象に。
media.io を使用して生成されたソフトブラッシュブリックの画像例
17)ストーミーブリック

HEX: #9F3E33 #D9D0C9 #3C4A57 #1C1F22 #6B615B
雰囲気: 劇的、モダン、映画的
おすすめ用途: テックカンファレンスランディングページ
劇的で映画的、嵐雲が輝く都市のレンガ壁にかぶさるイメージ。ライトグレーはセクションの落ち着いた面として使い、赤をコールトゥアクションに。ブルーグレーがデータビジュアルをサポートし、ページをテック志向に。ヒント: 赤は最も明るい背景と組み合わせてコントラストを維持し、ミドルグレーとは避けましょう。
media.io を使用して生成されたストーミーブリックの画像例
18)プレイフルレトロポップ

HEX: #C74F3A #F5C84C #2B6A6F #F2EFE9 #3B2A2A
雰囲気: 遊び心、レトロ、エネルギッシュ
おすすめ用途: スナックブランド商品広告
遊び心あるレトロで、ミッドセンチュリーのパッケージや大胆な形、パンチの効いたコントラストが感じられます。明るいレンガ色パレットをモダンに見せるには、温かみのあるホワイトで余白を作り、黄色がハイライト。ティールがバッジやセカンダリーメッセージにシャープなエッジを加えます。ヒント: タイポグラフィは太くシンプルにして、色が印象を最大限に伝えるように。
media.io を使用して生成されたプレイフルレトロポップの画像例
19)アーシーモノクローム

HEX: #B24B3B #9B3F34 #7E332B #E6D8CC #2A1E1C
雰囲気: アーシー、トーナル、洗練された
おすすめ用途: ファッションルックブック編集
アーシーでトーンが重なるレンガ色の組み合わせは、重ねたクレイ色の顔料や上質なレザーの印象。ライトニュートラルはクリーンな余白、3つの赤でタイポグラフィや形、オーバーレイに奥行きを演出。ネアブラックはキャプションや小さい文字に最適。ヒント: 写真は暖かくやや彩度を落として、トーナルレッドがページ全体で一体感を持つように。
media.io を使用して生成されたアーシーモノクロームの画像例
20)フェスティブスパイス

HEX: #B94A3B #F2B56B #F7E6D0 #5B6A56 #2C2623
雰囲気: 祝祭、心地よさ、ウェルカム
おすすめ用途: ホリデーレシピカードデザイン
祝祭的で心地よく、シナモンスティック、焼きたてのクラスト、キャンドルの集まりの雰囲気。クリームが主で、赤はタイトルや小さなモチーフに限定するとレンガ色組み合わせが最も映えます。落ち着いた緑が季節感のあるタッチを加え、明るすぎないように調整。ヒント: ゴールドトーンは素材アイコンに使って、カードを cheerful かつわかりやすく。
media.io を使用して生成されたフェスティブスパイスの画像例
ブリックレッドに合う色は?
レンガ色はクリーム、アイボリー、サンド、パーチメントなどの温かみのあるニュートラルと組み合わせると、空気感や高級感が生まれます。さらに深くリッチに仕上げたい場合は、ココアブラウンやネアブラックチャコールでコントラストと階層を作りましょう。
温かみのバランスを取るためには、スレートブルー、ティール、ブルーグレー、ネイビーなどのクールな色を加えると良いです。落ち着いたグリーン(セージ、オリーブ、パイン)は自然にマッチし、パレットがアーシーで過剰に飽和しないようにしてくれます。
明るいアクセントが欲しい場合は、ゴールデンカラー(マスタード、ブラス、アンバー)を少量使うと良いでしょう。ハイライトやアイコン、コールアウト向けで、レンガ色の印象を損なわずに華やかさをプラスできます。
リアルなデザインでブリックレッドのパレットを使うコツ
ブランディングやパッケージでは、レンガ色をロゴやシール、重要なパネルの“ヒーローカラー”として使い、主なフィールドには明るいニュートラルを使用するとタイポグラフィが読みやすいです。ダークアクセント(チャコールや深いブラウン)は細かい文字や構造に最適。
UIデザインでは、レンガ色を主要アクション(ボタン、アクティブ状態)に使い、背景はソフト(オフホワイトやライトグレー)に保ちます。セカンダリアクションやナビゲーションにはクールなスレートやティールと組み合わせることで、ユーザーが安心してスキャンや操作できます。
インテリアや印刷の場合、レンガ色はコントロールされたスポット(トリム、テキスタイル、見出しや境界など)に繰り返し使うことで、全体の空間やレイアウトを呼吸しやすくしつつ、統一感を生みます。
AIでブリックレッドの配色ビジュアルを無料作成
レンガ色カラースキームが実際のプロジェクトでどう見えるかプレビューしたい場合は、テキストプロンプトから高速モックアップを生成してみましょう。これによって雰囲気(心地よい、高級感、遊び心、映画的)が本格制作前にテストできます。
用途(ロゴセット、ランディングページ、メニュー、ラベル、ポスター)を記載し、上記パレットのお気に入りHEXコードを含めると、視覚的な方向性が得られ、最終的なデザインシステムに洗練できます。
レンガ色カラーパレットに関するよくある質問
-
レンガ色のHEXコードは?
レンガ色には普遍的なHEX値はありませんが、一般的なレンガ色は #B24B3B~#C25A3C 前後に位置します。上記パレットには muted や coppery、deep など、様々なバリエーションがあります。 -
レンガ色は温かい色?冷たい色?
レンガ色は一般的にブラウンやオレンジのアンダートーンがあるため温かい色です。スレートブルーやティール、ブルーグレーと組み合わせることで冷たさやコントラストを加え、パレットのバランスを取ることができます。 -
レンガ色に合う色は?
クリーム/アイボリー、チャコール、ネイビー、ティール、セージやオリーブのグリーン、ゴールデンマスタードが特に相性が良いです。コージーなアーシー系(グリーンやブラウン)、モダンなコントラスト(ネイビー/ティールや明るいニュートラル)など、求める雰囲気次第で選びましょう。 -
レンガ色はモダンなUIデザインに使える?
はい。主要ボタンやリンク、アクティブ状態にアクセントとして使い、背景は明るく(オフホワイトやライトグレー)保ちます。レイアウト構造にはクリーンなグレー、セカンダリアクションにはクール系を組み合わせましょう。 -
レンガ色が重く感じないようにするには?
レンガ色は重要な要素に限定し、余白を増やし、広い面には明るいニュートラルを使ってください。また、最も濃い色は文字専用にすると、パレットが読みやすく、濁った印象になりません。 -
レンガ色とテラコッタの違いは?
テラコッタはよりオレンジやクレイの印象があり、レンガ色はより深くブラウン寄り(焼きレンガに近い)です。実際には重なる部分も多いですが、テラコッタは明るく晴れやか、レンガ色は堅実でクラシックな印象。 -
どうやってレンガ色のパレットモックアップを素早く作成できますか?
Media.ioのテキストから画像ツールを使いましょう:デザインタイプ(メニュー、ラベル、ランディングページ、ポスター)を説明し、「レンガ色」と指定して、お好みのHEXコードも追加します。いくつかのオプションを生成し、ブランドスタイルに合うようにプロンプトを調整してください。
次に: バイオレットカラーパレット

