ラピスラズリは、深い鉱石の青で、高級感、時代を超えた印象、そして意図的な雰囲気を即座に感じさせます。ブランドでは堂々とした印象、UIでは穏やかさ、ポスターではドラマティックさを、アクセントの組み合わせ次第で表現できます。
以下はHEXコード付きの20個のラピスラズリカラーパレットアイデアと、ラピスラズリに合わせる色(ゴールド、アイボリー、チャコールなど)や、AIでパレットを素早くビジュアライズする方法についての簡単なガイドです。
この記事の内容
ラピスラズリパレットがよく使われる理由
ラピスラズリは、青が大胆で信頼できる印象を与える希少なゾーンに位置します。ネイビーの自信と宝石のような鮮やかさを持ち合わせており、レイアウトに既定ではない「デザインされた」雰囲気をもたらします。
ラピスラズリは天然石に由来するため、触感のあるニュートラルカラー(アイボリー、リネン、暖かいグレー)やメタリック(ゴールド、ブラス)とも美しく組み合わせられます。これらの組み合わせは、ブランドやパッケージ、エディトリアルデザインで「職人技」のある印象をすぐに作り出します。
デジタルプロダクトでは、ラピスラズリは特に階層構造に役立ちます。ナビゲーションや主なアクションには深いラピス、状態やデータには明るめのブルー、読みやすさのための柔らかな背景などに使えます。
20種類以上のラピスラズリカラーパレットアイデア(HEXコード付き)
1) ミッドナイトインレイ

HEX: #0B1F3A #1A3D6F #2F6FB5 #D8C06F #F3F0E8
印象:ドラマティックで洗練された
おすすめ用途:高級ジュエリーブランドのパッケージ
ドラマティックなミッドナイトブルーと柔らかなゴールドのハイライトは、彫刻された石や金箔、静かなミュージアムの照明を想起させます。高級パッケージやルックブック、ギフトボックスにおすすめ。濃い青と温かみのあるアイボリーを組み合わせて読みやすい文字を作り、ゴールドはシールや縁、箔のアクセントに使用。コツ:最も明るいブルーは小さなアクセントに留め、デザインを上品に仕上げましょう。
media.io生成のミッドナイトインレイ画像例
Media.ioは、ブラウザ上で動画・画像・音声の作成・編集ができるオンラインAIスタジオです。
2) ゴールデンモザイク

HEX: #102A54 #1E4B8F #3B82C4 #C89B3C #FFF3D6
印象:豪華で明るい印象
おすすめ用途:ブティックホテルのブランドアイデンティティ
蜂蜜色のゴールドとリッチなブルーは、夕暮れ時のタイル張りの中庭のよう。ロゴやキーカード、案内表示などホスピタリティブランドに最適なラピスラズリの組み合わせ。最も濃いネイビーで見出し、明るいブルーで二次的なパターンや形を。コツ:クリーム色を背景にすればゴールドのアクセントが高級感を、派手すぎず上品に映ります。
media.io生成のゴールデンモザイク画像例
3) ミュージアムインディゴ

HEX: #0D223F #244C7A #4F7FB1 #B9B2A7 #F7F6F2
印象:キュレーションされた穏やかさ
おすすめ用途:エディトリアル雑誌のレイアウト
厳選されたインディゴトーンと落ち着いたストーンニュートラルは、ギャラリーの壁やリネン紙、静かで権威ある印象を与えます。長文エディトリアルレイアウトに最適。中間ブルーと温かみのあるグレーで図表や引用、セクション区切りを。コツ:一色のブルーを本文アクセントに、残りはヘッドやイメージ枠に使い過ぎないことで視覚的な疲れを防ぎます。
media.io生成のミュージアムインディゴ画像例
4) サフランアクセント

HEX: #0F2347 #1B4C8A #5EA0D6 #E0A33A #1F1F1F
印象:大胆でエネルギッシュ
おすすめ用途:音楽イベントポスター
大胆なラピスブルーとサフランのアクセントは、都会の夜景やステージのスポットライトのよう。遠くからでも目立つポスターやフライヤー、ソーシャルタイルに。明るいブルーと温かなサフランで日付や会場案内を、黒は小さな文字やQRコード用に。コツ:濃いブルー背景にサフラン文字でメリハリを出ししつつ、ネオン調にならずメッセージを際立たせます。
media.io生成のサフランアクセント画像例
5) シーグラスラピス

HEX: #112B5A #2D5FA5 #67B7D1 #BFE7DF #F7FBFF
印象:さわやかで癒やし
おすすめ用途:ウェルネスアプリのUI
海の色を思わせるさわやかなブルーは、清浄な水や深呼吸、朝の光を連想。ラピスラズリのカラースキームはウェルネスUIのカードや図表に最適。ネイビーとホワイトでナビやアクセシビリティ、アクアトーンを進行状況やハイライトに。コツ:最も深いブルーは主要ボタンだけに使い、インターフェイスを重くせず穏やかに保ちます。
media.io生成のシーグラスラピス画像例
6) カテドラルナイト

HEX: #07152B #0F2C5E #274F9B #8B93A6 #E7E9EF
印象:映画のようで厳かな印象
おすすめ用途:映画タイトルカード
シネマティックなダークブルーとクールグレーは、ヴォールト天井やロウソクの影、ゆっくりと高まるオーケストラのよう。タイトルカードやクレジット、ムーディーなモーションで上品なコントラストに。光グレーと中間ブルーで読みやすい文字や柔らかな輝きを。コツ:最も濃いネイビーにグレインや柔らかなビネットを加えると、平坦な部分がデジタルっぽくなりません。
media.io生成のカテドラルナイト画像例
7) ポーセレン&インク

HEX: #0A1A33 #143A6E #2F6AA7 #F1E8DA #C7B7A3
印象:クラシックで触感的
おすすめ用途:ウェディングステーショナリーセット
クラシックなインクブルーとポーセレンのニュートラルは、手押し紙やヴィンテージのペンのよう。招待状やRSVPカード、封筒内側などディテールや質感を重視したい場面に。深いブルーは名前や見出しに、温かいトープ色は枠やモノグラムに。コツ:クリーム色の型押しパターンで色を増やさず豊かさを加えます。
media.io生成のポーセレン&インク画像例
8) コバルトテラス

HEX: #0C2A52 #164A89 #2D73C5 #8FD3FF #FFFFFF
印象:モダンで開放的
おすすめ用途:SaaSダッシュボードUIモックアップ
深い青から空色へと続くコバルト階調は、開放感やガラス面のような雰囲気。明確な状態、読みやすい図表、シャープなテックイメージのダッシュボードに。濃いネイビーとホワイトでナビ、空色はデータハイライトやホバー用に。コツ:最も明るいブルーは図表だけに使い、装飾ではなく情報伝達に集中させましょう。
media.io生成のコバルトテラス画像例
9) デザートラピス

HEX: #0E2446 #1F4F8D #3D78B8 #D2B48C #F6EFE3
印象:落ち着きと陽だまり
おすすめ用途:リビングルームインテリアスタイリング
落ち着いたブルーと砂・漆喰色は、アドビ壁や織物、涼しい夕風を想起。ラピスラズリパレットなら、冷たさを感じさせずにインテリアに青を取り入れられます。砂色と中間ブルーはテキスタイルに、深いネイビーはキャビネットやアクセント壁など一点集中に。コツ:ナチュラルウッドやブラスのハードウェアで暖色と寒色をつなぎます。
media.io を使って生成された砂漠ラピスの画像例
10) インクとアプリコット

HEX: #0B1E3B #1D4275 #2F6FB5 #F2B49A #F8F1EA
印象: フレンドリーかつクリエイティブ
おすすめ用途: ソーシャルメディア用テンプレート
フレンドリーなブルーにアプリコットの暖かみが加わり、スケッチブックの落書きや柔らかな朝日を思わせます。ソーシャルメディアのテンプレート、ストーリーハイライト、クリエイター向けブランドキットなど、親しみやすいコントラストが欲しい時におすすめです。アプリコットは明るいブルーと組み合わせてボタンやステッカーに、インクネイビーはテキスト用に。コツ: クリームトーンをデフォルトのキャンバスにすることで、投稿が軽やかでシェアしやすくなります。
media.io を使って生成されたインクとアプリコットの画像例
11) アストラルバイオレット

HEX: #0C1B3A #253B7A #4A4DB0 #9AA7FF #F1F2FF
印象: 夢見心地で未来的
おすすめ用途: アルバムカバーのデザイン
夢のようなブルーがバイオレットへと変化し、夜空と電気的な煙を思わせます。これらのラピスラズリカラーはアルバムアートやポッドキャストカバー、デジタルポスターでシンセやSF的な雰囲気にぴったりです。ネイビーとラベンダーを組み合わせて強い文字コントラストに、淡いペリウィンクルを光やハイライトとして使用。コツ: ブルーとバイオレットの間にさりげないグラデーションを加えると、余計な色を使わずカバーに立体感が出ます。
media.io を使って生成されたアストラルバイオレットの画像例
12) ラピスとセージの安らぎ

HEX: #0F2A52 #245D9A #3A86C8 #8FB89A #F5F4EC
印象: バランスが良くて癒される
おすすめ用途: スパのパンフレットデザイン
バランスの取れたブルーとセージグリーンは、スパのタイルやユーカリのスチーム、清潔なリネンを連想させます。パンフレットやサービスメニュー、サイネージなど、穏やかな階層を重視するデザインに適しています。セージとミッドブルーはセクション見出しやアイコンに、クリームトーンは広めの余白に使用。コツ: すべての要素を鮮やかにしすぎないこと。1ページに強いブルーブロックを1つだけ配置することでレイアウトを引き締められます。
media.io を使って生成されたラピスとセージの安らぎの画像例
13) ブラスコンパス

HEX: #0A2040 #1E4C86 #2F7AC1 #B08D57 #2B2B2B
印象: 堅実で自信がある
おすすめ用途: アウトドア用品の広告
堅実なブルーにブラスとチャコールを組み合わせることで、コンパスの文字盤や使い込まれたレザー、夜空のナビゲーションを思わせます。ブラックを使わず大胆なコントラストが必要な製品広告におすすめ。ブラスは最も明るいブルーと組み合わせて呼出しやバッジ、価格表示に、チャコールは細かい印字に使用。コツ: 背景は暗くして、ブラスは小さなインパクト重視のディテールだけに使うと効果的です。
media.io を使って生成されたブラスコンパスの画像例
14) ウィンターハーバー

HEX: #091A34 #1C3F73 #3B76B0 #9FB7C7 #F0F4F7
印象: 冷たくて頼れる
おすすめ用途: トラベルブログのヘッダーとヒーロー画像
冷たい港のブルーと霞んだグレーは、水面の霧や爽やかな海岸の空気を思わせます。トラベルブログのヘッダーやニュースレターのバナー、地図で明瞭さを必要とする場面におすすめです。ミッドブルーと淡いグレーブルーをボタンやタグチップに、最も暗いネイビーは見出しに使用。コツ: 最も明るいトーンでさりげない波や等高線パターンを加えることで、ヒーローエリアに興味を引き続けます。
media.io を使って生成されたウィンターハーバーの画像例
15) ロイヤルクラスルーム

HEX: #0D2245 #214F97 #3E83D1 #F2D15B #FFF9E6
印象: 明るくてわかりやすい
おすすめ用途: 教育インフォグラフィック
明るく自信のあるブルーに晴れやかなイエローが加わることで、教室のポスターやわかりやすい説明を思わせます。ラピスラズリのカラーパレットは、インフォグラフィックやレッスンスライド、解説PDFでスキャン性が重視される場面にぴったりです。ネイビーとクリームは本文領域に、イエローはナンバリングやアイコン、重要事項の強調に使用。コツ: チャートはほぼブルーでまとめ、イエローは最も重要なデータポイントの強調だけに使うと良いです。
media.io を使って生成されたロイヤルクラスルームの画像例
16) チャコールコントラスト

HEX: #0C2348 #225896 #4D8FD0 #2A2F3A #E9EDF2
印象: プロフェッショナルかつシャープ
おすすめ用途: コーポレートピッチデッキ
シャープなブルーにチャコールの構造が加わり、パリッとしたスーツや洗練されたスライド、自信のあるプレゼンを思わせます。現代的な信頼感を持ちつつ冷たすぎない印象にしたいピッチデッキやレポートにおすすめ。チャコールはチャートやキャプション用、ミッドブルーは見出しや主要メトリクス用。コツ: 全てのリンクやアクションボタンを同じブルーで統一すると、デッキに一体感が生まれます。
media.io を使って生成されたチャコールコントラストの画像例
17) コーラルリーフポップ

HEX: #0B2042 #1E4E8B #2F75C7 #FF6F61 #FFF2EF
印象: 遊び心があり高コントラスト
おすすめ用途: サマーキャンペーンポスター
遊び心のあるブルーにコーラルのパンチが加わることで、海水と明るいビーチパラソルを思わせます。シーズン限定キャンペーンや即座に注目が必要なポスターにおすすめ。コーラルと明るいブルーの組み合わせはメイン見出しやバッジ、ネイビーは補足テキスト用。コツ: コーラルはレイアウトにつき1~2要素のみ使用して、フレッシュさを保ち過剰にならないようにしましょう。
media.io を使って生成されたコーラルリーフポップの画像例
18) リネンノートブック

HEX: #0E2547 #1F4C86 #3F7FC0 #D9D2C3 #FAF8F3
印象: ミニマルかつ思慮深い
おすすめ用途: クリーンなブログテーマ
考え抜かれたブルーとリネンニュートラルは、マージンメモや静かな朝、整然としたタイポグラフィを思わせます。長時間の読書を重視するブログやポートフォリオ、ナレッジベースサイトにオススメ。最も濃いブルーはリンクや見出しに、ベージュはさりげない区切りやカードに使用。コツ: ミッドブルーはホバーステートだけに少し使うことで、インターフェイスを冷静かつエディトリアルに保ちます。
media.io を使って生成されたリネンノートブックの画像例
19) ミッドナイトガーデン

HEX: #071A2F #163C6E #2B6AA8 #3E6B4D #D7E3D1
印象: 神秘的かつ植物的
おすすめ用途: 水彩植物イラスト
神秘的なブルーと深いグリーンの組み合わせは、月の光に照らされた葉や隠れた庭の小道を思わせます。植物画プリントやブックカバー、ナチュラル志向ブランドでダークな雰囲気を出したい時におすすめ。グリーンとミディアムブルーは茎や影に、淡いセージは紙の質感や余白に。コツ: ラインはミニマルに抑えて、重ね塗りの水彩で豊かで自然な表現をしましょう。
media.io を使って生成されたミッドナイトガーデンの画像例
20) セラミックサンライズ

HEX: #0D2344 #275A9C #5A9BD6 #FFCC8A #FFF6E8
印象: 温かくて親しみやすい
おすすめ用途: カフェメニューのデザイン
温かい朝焼けアプリコットと自信あふれるブルーは、陶器の艶やエスプレッソの泡、朝のにぎわいを感じさせます。カフェメニューや卓上サイネージで、親しみやすさと明確な階層を両立させたいときにおすすめ。ダークネイビーは見出しや価格に、アプリコットはスペシャルや呼出しに。コツ: 本文の大半は柔らかいクリーム上に配置することで、さまざまな照明下でも視認性を保ちます。
media.io を使って生成されたセラミックサンライズの画像例
ラピスラズリに合う色は?
メタリックや温かいニュートラルは手軽な勝利: ゴールド/ブラスは高級感、アイボリー/クリームは読みやすい空間、温かいベージュ・リネンはクラフトや触感の印象を。これらを組み合わせると、ラピスは「企業的な青」ではなく「宝石らしい青」に見えます。
モダンなコントラストを求めるなら、チャコールやほぼ黒を構造として加えましょう――特にデック、UI、文字量が多いレイアウトで。遊び心の方向ならコーラル・アプリコット・サフランをアクセントにすると、深いラピスと組み合わせても意図的で力強い印象になります。
穏やかな自然志向のパレットなら、セージ・ミント・ソフトシーグラスタイントがおすすめ。呼吸感のある配色となり、ウェルネスやエディトリアル、インテリアスタイリングにも向きます。
ラピスラズリカラーパレットを実際のデザインで使う方法
まず役割を割り振りましょう: 最も深いラピスをアンカーとして(ナビゲーション、タイトル、ヒーローブロックなど)、ミッドブルーは補助UIやセカンダリー形状、明るいニュートラルは主背景として使えば、デザインが重くなりません。
アクセントは小さく戦略的に――ゴールドのシール、サフランの文字、コーラルのバッジ、単一のチャート強調など。ラピスは飽和度が高いので、派手なアクセントを制限する方が高級感も出て、読みやすさも向上します。
印刷ではラピスのテクスチャが映えます: 未塗工紙、エンボス/デボス加工、箔ディテール、繊細なグレイン。デジタルでは十分な余白と適切なコントラスト(特にボタンや小さな文字)を組み合わせましょう。
AIでラピスラズリパレットをビジュアル化する方法
HEXコードは持っているがリアルなモックアップを素早く作りたい場合、AIでパレットビジュアルを生成できます。ラピスがパッケージやUI画面、ポスター、メニュー、ブランドシステム上でどう見えるか、デザイン確定前にテスト可能です。
Media.io なら、プロンプトからスタイルに合わせた画像例を数分で生成でき、素材(マット・箔・紙)、照明(スタジオ・シネマティック・昼光)、構成(フラットレイ・ヒーロー・クローズアップ)を入れ替えて反復できます。
ラピスラズリカラーパレット FAQ
-
ラピスラズリカラーパレットとは何ですか?
ラピスラズリカラーパレットは、深いラピスブルーを中心に構築された色の組み合わせセットです――多くは明るいニュートラル(アイボリー、リネン)、暗いアンカー(ネイビー・チャコール)、ゴールドやサフラン、コーラル、セージなどのアクセントと組み合わされます。 -
ラピスラズリブルーのHEXコードは?
ラピスラズリは単一のHEX値ではありませんが、通常は深く飽和したブルーゾーンに存在します。上記パレットでは #0C2348、#0D223F、#0B2042 など、ラピスのベースの暗さや鮮やかさによって例を挙げています。 -
ラピスラズリとゴールドは合いますか?
はい――ブルーとゴールドはラピスの最もクラシックな組み合わせのひとつです。ゴールドは要所のみ(シール、枠線、アイコン、箔アクセント)に使い、アイボリーやクリームの背景でプレミアムな印象を保ちましょう。 -
ラピスラズリに合うニュートラルカラーは?
アイボリー、温かなオフホワイト、リネンベージュ、柔らかなストーングレーが最適です。ラピスの飽和度をほどよくバランスして、デザインを冷たくしすぎず読みやすさも向上します。エディトリアルやUIレイアウトにも適しています。 -
ラピスラズリをUIデザインで暗くなりすぎないように使えますか?
はい。ラピスは主にナビゲーションや見出し、主ボタン用に使い、非常に明るい背景やソフトなブルーのティントは面やチャートに。これでUIは落ち着きながらも個性を保てます。 -
ラピスラズリに合うアクセントカラーは?
高コントラストならサフランイエロー、コーラル、アプリコット。穏やかな印象ならセージ、ミント、シーグラスアクア。ビジネス寄りならチャコールやクールグレーアクセントが良いでしょう。 -
ラピスラズリのパレットのモックアップを素早く作成する方法は?
Media.ioのようなAIテキストから画像生成ツールを使ってください。デザインのプロンプト(例:「ゴールド箔付きの濃いラピスの高級パッケージ」)を貼り付け、素材・ライティング・レイアウトを変更しながら、ラピスのHEXの方向性を保って繰り返し作成できます。
次へ: オーカー系カラーパレット

