コズミックラテは、柔らかなアイボリーと穏やかなベージュの間に位置する温かくクリーミーなニュートラルカラーで、目に優しく自然にプレミアム感をもたらします。
以下は、ブランド、UI、インテリアや印刷物に使える20のモダンなコズミックラテカラーパレット（HEXコード付き）と、AIによる素早いビジュアル生成プロンプトです。
この記事について
コズミックラテパレットが優れている理由
コズミックラテパレットは、クリーミーなオフホワイトと温かみのあるニュートラルを中心に構成されているため、純白のような冷たい印象にならず、清潔感のあるモダンなデザインや印刷レイアウトのベースとして最適です。
読みやすさもサポートします。背景は明るく保ち、テキストやUIの状態にエスプレッソブラウン、チャコール、ディープスレートなどでコントラストをつけましょう。仕上がりはやわらかく、プレミアム感がありながらアクセシブルです。
コズミックラテは「静かなニュートラルゾーン」に位置するため、セージ、テラコッタ、ブラッシュ、サフランやクールグラファイトといったアクセントカラーと合わせやすく、ベースカラーと調和して雰囲気を自在に演出できます。
20以上のコズミックラテカラーパレットアイデア（HEXコード付き）
1）ミルキーネビュラ
HEX： #FFF8E7 #F2E4D0 #D8C2A8 #B28C6B #3E332C
雰囲気： 軽やか、クリーミー、穏やか
おすすめ用途： ミニマルなWebサイトUIモックアップ
トーストブラウンのエッジがきいたエアリーなクリームトーンは、リネンを通した星の光のような雰囲気。レイアウトをクリーンにし、読みやすさを重視、かつイエローにならない温かさを出したい時におすすめです。ミディアムタンはチャコールテキストと組み合わせ、深みのあるブラウンはボタンやナビのアクセントに。ポイント：背景は明るい2色を使い、濃い色でコントラストをつけることでアクセシビリティを高めましょう。
media.ioで生成されたミルキーネビュラの画像例
Media.ioは、ブラウザで動画、画像、音声の作成と編集ができるオンラインAIスタジオです。
2）ウォームスターグロウ
HEX： #FFF6E2 #F7E0B8 #E6C38C #C57F4B #5A3B2E
雰囲気： 雰囲気：日差し、居心地よさ、招き感
おすすめ用途： コーヒーブランドのパッケージ
日差しのクリーム色とローストキャラメルがカウンターの温かさを演出します。このコズミックラテの色の組合せは、食欲をそそるラベル向けで、派手な原色を使わずアピールできます。キャラメルやココアの色は余白とシンプルなロゴを生かして。ポイント：最も濃いブラウンは原材料テキストに用い、明るいトーンはソフトでプレミアムな雰囲気をキープ。
media.ioで生成されたウォームスターグロウの画像例
3）ルナリネン
HEX： #FDF5E6 #EDE0CF #CFC1B2 #9B8C80 #2E2A27
雰囲気： 雰囲気：静か、洗練、エディトリアル
おすすめ用途： 雑誌特集のレイアウト
穏やかなリネンニュートラルとソフトなトープシャドウが上質で落ち着いた雰囲気を生みます。長文の読みやすさやキャプション、引用にも適していて、目の疲れも防ぎます。セリフ見出しやミディアムグレートープの細線ルールと組み合わせて。ポイント：写真フレームは最も明るいクリーム色が、ページの箱感を軽減します。
media.ioで生成されたルナリネンの画像例
4）アーモンドオービット
HEX： #FFF7E5 #F3E3C8 #D9BFA2 #C07A5A #6B4A3C
雰囲気： 雰囲気：温かみ、ハンドメイド、落ち着き
おすすめ用途： アルチザンベーカリーのメニュー
温かみのあるアーモンドクリームとクレイのアクセントは、手作り・焼きたての雰囲気を醸します。メニューのレイアウトは明快で、かつ素朴でパーソナルな印象。シンプルなラインアイコンや、見出しや価格には深いブラウンを使いましょう。ポイント：背景は最も明るいクリームで、室内照明でもレイアウトが明るく保てます。
media.ioで生成されたアーモンドオービットの画像例
5）コズミックカプチーノ
HEX： #FFF3DF #EAD6C0 #CFA98A #A46B4F #2A1E1A
雰囲気： 雰囲気：リッチ、安らぎ、プレミアム
おすすめ用途： スキンケア製品広告
リッチなクレマとコーヒーブラウンのコントラストは、心地よく静かなプレミアム感を出します。スキンケアやウェルネスの広告で、重すぎない暖かさを出したい時におすすめです。ミニマルな製品写真や細いサンセリフと合わせるとモダンに。ポイント：ほぼブラックは主張したい部分だけに使い、ミディアムトーン中心でデザインをまとめましょう。
media.ioで生成されたコズミックカプチーノの画像例
6）バニラダスト
HEX： #FFF9ED #F6E9D7 #E9D4BD #C9B09A #7A6A60
雰囲気： 雰囲気：優しく、軽やか、穏やか
おすすめ用途： ウェディング招待状セット
ソフトなバニラ紙トーンとやわらかなトープの影がロマンチックで重さを感じさせません。招待状セット、RSVPカード、封筒など、質感と余白を重視したデザイン向け。名前は繊細なスクリプト、詳細はクリーンなセリフと組み合わせて。ポイント：クリーム台紙には濃いトープでテキストを印刷、コントラストをくっきり保ちましょう。
media.ioで生成されたバニラダストの画像例
7）ソーラーサンドストーン
HEX： #FFF4E1 #F1D7B6 #D5B28C #A8764A #4B3A2F
雰囲気： 雰囲気：アース、日差し、自信
おすすめ用途： アウトドアブランドロゴとステーショナリー
日焼けしたサンドストーンニュートラルはアウトドア風ですが、荒々しくならず友好的です。明るいクリームはステーショナリーに、暖色ブラウンはロゴマークに。深緑写真やクラフト風テクスチャと組み合わせればよりナチュラル。ポイント：アクセントブラウンはスタンプやアイコン、下線の差し色だけにして意図的に使いましょう。
media.ioで生成されたソーラーサンドストーンの画像例
8）クリーム＆セージドリフト
HEX： #FFF7E7 #E8DDC8 #AFC2A5 #6F8B6A #2F3A33
雰囲気： 雰囲気：フレッシュ、ボタニカル、落ち着き
おすすめ用途： ボタニカル水彩画プリント
クリーミーニュートラルと抑えたセージの組合せは、静かな温室の朝のイメージ。グリーンで爽やかさ、エスプレッソグレーで落ち着きを演出。細線イラストや押し花モチーフ、繊細なグレインと組み合わせて。ポイント：クリーム色を余白として使い、セージを空気感ある雰囲気に。
media.ioで生成されたクリーム＆セージドリフトの画像例
9）アプリコットコメット
HEX： #FFF4E6 #F8D4B8 #F2A97E #C96B4B #5B2E28
雰囲気： 雰囲気：遊び心、温かみ、ポジティブ
おすすめ用途： イベントフライヤーデザイン
アプリコットとトーストクレイは、クリーミーニュートラルにポップな夕日感を加えます。活気がありつつネオンのような眩しさはなく、フライヤーに暖かさとエネルギーを。太めサンセリフ見出しや丸みのある形状と組み合わせ、フレンドリーな雰囲気を強調。ポイント：濃いブラウンで日付や場所などを表記し、明るいアプリコットは飾りとして使いましょう。
media.ioで生成されたアプリコットコメットの画像例
10）ブラッシュギャラクシー
HEX： #FFF6EA #F3D6CF #D9A6A6 #A56A73 #3B2C33
雰囲気：ロマンチック、モダン、ソフト
おすすめ用途：ビューティブランド ソーシャル広告
ローズティントの影があるブラッシュクリームは、現代的でロマンチック、少し夢見がちです。強いコントラストよりも優しい輝きを求めるビューティ広告に最適です。製品のクローズアップ写真や最小限のコピーと組み合わせると洗練された印象に。ヒント：最も深いプラムブラウンはロゴや小さなアクセントに控えめに使い、全体のブラッシュの軽さを保ちましょう。
media.ioで生成されたブラッシュギャラクシーの画像例
11）ココアエクリプス
HEX： #FFF5E3 #E5D3BE #BFA38C #7C5B46 #1F1A17
雰囲気：ムーディー、ラグジュアリー、インティメイト
おすすめ用途：レストランメニューの表紙
クリーミーなハイライトと濃いココアの影が親密で、キャンドルライトのテーブルを思わせます。メニューの表紙、テイスティングノート、プレミアムなホスピタリティブランディングに最適です。エンボス加工のテクスチャやウォームブラウンのアクセントラインと組み合わせて洗練された仕上げにしましょう。ヒント：最も暗い色は表紙に取っておき、本文はより明るいトーンにしてコントラストを演出します。
media.ioで生成されたココアエクリプスの画像例
12）ゴールデンパーチメント
HEX： #FFF7E4 #F0E0B6 #D8C27A #B28A3B #3A2B16
雰囲気：クラシック、前向き、伝統的
おすすめ用途：プレミアムな証明書デザイン
ゴールデンパーチメントトーンはクラシックで、控えめなお祝い感があります。柔らかなゴールドが暖かみを与えつつ、アワードや証明書にも正式な印象を保ちます。ブラックブラウンのタイポグラフィ、シールマーク、細やかなボーダーワークと合わせてください。ヒント：中間のゴールドは装飾線に、本文は最も深い色でクリアにしましょう。
media.ioで生成されたゴールデンパーチメントの画像例
13）ポーセリンナイト
HEX： #FFF8E8 #E9DFD2 #B8B2AA #5A5E66 #14161A
雰囲気：クール、モダン、控えめ
おすすめ用途：アナリティクス用ダッシュボードUI
ポーセリンクリームとクールグレーは、シャープでモダン、そしてほんの少し夜っぽい雰囲気です。このコズミックラテの配色は、穏やかな表面と自信のあるコントラストが必要なダッシュボードに理想的。ライトパネルとグラファイトのヘッダーを組み合わせ、データの強調は最小限にしてすっきりとさせましょう。ヒント：ほぼ黒は重要な数字とアクティブ状態に使用し、呼吸しやすいインターフェイスを保ちます。
media.ioで生成されたポーセリンナイトの画像例
14）オーツアンドインク
HEX： #FFF6E6 #E7D8C5 #C8AE95 #6A625B #1C1C1C
雰囲気：スマート、バランス、プロフェッショナル
おすすめ用途：法律事務所のブランディングキット
オーツクリームとインクのニュートラルカラーは、信頼感と誠実さを感じさせます。温かみを重視しつつ、権威性も持たせたいプロフェッショナルブランディングに最適です。シャープなタイポグラフィ、広めのマージン、シンプルなモノグラムでまとめましょう。ヒント：最も濃いインク色は見出しに、本文はチャコールグレーにして全体を柔らかく仕上げます。
media.ioで生成されたオーツアンドインクの画像例
15）コーラルレジャー
HEX： #FFF4E5 #F1D4C6 #E38C7A #B04F45 #3A1F1D
雰囲気：自信、暖かさ、クリエイティブ
おすすめ用途：書籍カバーデザイン
クリームとコーラルのトーンが自信と物語性のある暖かさを生み出します。このコズミックラテ配色は、強いフォーカルカラーと親しみやすさが必要な書籍カバーにぴったりです。コーラルと太字の書体、シンプルなジオメトリで現代的に仕上げましょう。ヒント：最も濃い色はタイトルだけに使い、背景形状は明るいコーラルに任せましょう。
media.ioで生成されたコーラルレジャーの画像例
16）ハーバードリフトウッド
HEX： #FFF6E4 #EADFCC #B9B4A9 #6C7A7A #243033
雰囲気：コースタル、落ち着いた、堅実
おすすめ用途：インテリアデザインムードボード
クリーミーなドリフトウッドと海風で変色したグレーブルーは、リラックスしたコースタル感を持ちますが、ビーチらしさは強調されません。ムードボードやルックブック、落ち着いたライフスタイルのブランディングに最適です。リネンやライトオークのようなナチュラルテクスチャと組み合わせ、アクセントはスレートトーンで統一しましょう。ヒント：最も濃いブルーグレーは小さなラベルやスウォッチ用に使い、全体を軽やかに。
media.ioで生成されたハーバードリフトウッドの画像例
17）ピスタチオクリーム
HEX： #FFF7E6 #E7E1C8 #C6D5A5 #8CA96B #3A4A2B
雰囲気：フレッシュ、健やか、ライト
おすすめ用途：ヘルシースナックパッケージ
クリーミーオーツとピスタチオグリーンは、清潔感と健康的な印象を与えます。必要以上に明るいグリーンにせず、フレッシュさを伝えたいスナックパッケージに最適です。シンプルな原材料イラストと広めのマージンを組み合わせてモダンにまとめましょう。ヒント：最も濃いグリーンを栄養成分パネルのテキストカラーに使うと可読性が抜群です。
media.ioで生成されたピスタチオクリームの画像例
18）テラコッタオーロラ
HEX： #FFF3E2 #F0D2BE #D58B6A #9E4E3A #2C1916
雰囲気：暖かい、ラスティック、アーティスティック
おすすめ用途：陶器スタジオのポスター
テラコッタの温かみとクリーミーなクレイトーンは、手作り感と芸術性を演出します。陶芸スタジオやワークショップ、マーカーマーケットなどと相性抜群です。テラコッタの太いブロック、シンプルなポットのシルエット、ディープブラウンの書体を組み合わせ、安定感のある仕上げに。ヒント：最も濃い色はテキストだけに使い、ポスター全体を重たくしないようにしましょう。
media.ioで生成されたテラコッタオーロラの画像例
19）シャンパングラファイト
HEX： #FFF7E9 #E6D8C7 #C7B8A6 #7B6F66 #2B2B2D
雰囲気：スリーク、ニュートラル、上品
おすすめ用途：ポートフォリオWebサイトUI
シャンパンクリームとグラファイトの深みが、ギャラリーの壁のような洗練さと上品さを演出します。画像を際立たせつつUIは控えめに保ちたいポートフォリオに最適です。ミッドトープを細い仕切り線に、最も濃いグラファイトはナビゲーションやホバーステートで使用。ヒント：広い余白と小さめのフォントサイズでより洗練された印象を最大化できます。
media.ioで生成されたシャンパングラファイトの画像例
20）サフランシネマ
HEX： #FFF5E0 #F2DCB1 #E2B85B #B5652E #2D1C12
雰囲気：大胆、ゴールデン、レトロモダン
おすすめ用途：映画祭チケットデザイン
ゴールデンサフランとクリーミーなニュートラルの組み合わせは、映画らしいシネマティックな雰囲気とほんのりレトロ感を演出します。チケットやパス、プロモーションなど、エネルギッシュで上品にしたいときにオススメです。圧縮されたタイポグラフィとシンプルなアイコンでフェスティバル準備万端な印象に。ヒント：サフランはアクセントの主役として使い、背景はクリーム主体で可読性アップ。
media.ioで生成されたサフランシネマの画像例
コズミックラテに合う色は？
コズミックラテは、タイポグラフィやアイコン、ナビゲーションなどにエスプレッソ、チャコール、ほぼ黒、スレートのような落ち着いたダークカラーを組み合わせることで、最適なコントラストが得られます。これらのアンカーがクリーミーな背景をぼやけた印象にさせません。
アクセントには控えめなボタニカル（セージ、オリーブ、ユーカリ）で落ち着きとフレッシュ感を、ウォームなハイライト（テラコッタ、コーラル、アプリコット、サフラン）でエネルギーを加え、ニュートラルなベースを邪魔しないようにします。
よりクールでモダンな展開には、グラファイトグレーやブルーグレーと組み合わせると、クリーンでエディトリアルタッチを持ちながらも一般的なグレーUIより暖かみが保てます。
実際のデザインにコズミックラテカラーパレットを使うには
最も明るいクリームをメインの背景に設定し、カードやパネル、紙の質感などにはワントーン濃い色を使いましょう。テキストや主要なUIの状態は最も暗いトーンにして可読性を確保します。
ブランディングには、ロゴやタイポグラフィは最も濃いブラウンやグラファイトで、罫線や仕切り、控えめな形状には中間トーンを活用。一つのアクセントカラーでも十分に統一感のあるシステムになります。
印刷物（メニュー、招待状、証明書）ではホワイトスペースとテクスチャを活かすと、コズミックラテ本来の良さを引き出せます。中間のトープはラインや装飾に、本文は暗いインクでクリーム紙でもシャープな可読性を確保しましょう。
AIでコズミックラテパレットのビジュアルを作成する
すでにHEXコードがあれば、AI画像生成ツールに希望のトーンをプロンプトとして入力することで、すぐにブランドらしいモックアップやポスター、パッケージシーン、UIコンセプトを作成できます。
付属のプロンプトをテンプレートとして、対象（メニュー、ダッシュボード、招待状など）を入れ替えつつ、「dominant tones」リストは自分のパレットに合わせると、ブランド全体で一貫したビジュアルが作りやすくなります。
気に入ったパレットを見つけたら、比率やライティング、構図を変えたバリエーションをいくつか生成し、Web・SNS・印刷で使える一貫したビジュアル群を用意しましょう。
コズミックラテカラーパレット よくある質問
-
コズミックラテカラーとは？
コズミックラテは「宇宙標準色」とも呼ばれる温かくクリーミーなオフホワイトで、デザイン上はアイボリーとベージュの間に位置し、黄色っぽくならずにレイアウトを暖かく仕上げてくれます。 -
コズミックラテはベージュと同じですか？
厳密には異なります。ベージュはより広い色域で、暗い・黄み・ブラウン寄りにもなります。コズミックラテは一般的により明るく、よりクリーム感の強いニュートラルで「ミルキー」な印象です。 -
コズミックラテの背景に最適なテキストカラーは？
ディープエスプレッソ、チャコール、ほぼ黒が本文やUIラベルに最も信頼できるコントラストを生みます。より柔らかくしたい場合は、暗めのグレーやトープを副次的テキストに使いますが、重要なテキストは最も濃い色にしましょう。 -
コズミックラテに合うアクセントカラーは？
控えめなセージ/オリーブ、テラコッタ/クレイ、ブラッシュ/ローズ、アプリコット/コーラル、サフラン/ゴールドが自然にマッチします。クールなグラファイトやスレートブルーのアクセントもモダンで控えめなデザインに最適です。 -
コズミックラテはUIデザインに向いていますか？
はい。コズミックラテパレットは純白よりもまぶしさが少なく、高級感も演出できます。ダークテキストを使い、ミッドトーンはサーフェスに限定すれば、アクセシビリティも保てます。 -
コズミックラテのパレットが平坦に感じないコツは？
クリアなアクセントカラーを1色追加し、質感（紙の繊維、リネン、さりげない影）を取り入れ、クリーム色のハイライトから深いダークアンカーまで幅広い明暗差で奥行きを作ります。仕切りや境界線などにミディアムトープを少し使うことも効果的です。 -
AIでコズミックラテのカラーパレットのモックアップを作成できますか？
はい。プロンプトにHEXコードや「メインとなる色合い」を含め、デザインの種類（UI、パッケージ、招待状など）とアスペクト比を指定してください。Media.io Text-to-Imageのようなツールを使えば、パレットを保ちながら迅速に反復できます。
