雰囲気・色・用途から出発点を見つけ、スタジオで調整できます。
気に入ったパレットを選び、色をコピーしたり、Studioで編集したりできます。
順序：先頭は背景・ボタン、2色目はカード、3色目はアクセント、最後は文字。プレビューの役割は調整できます。
温かな紙色と土色のアクセントを、小さなベーカリーのメニューに。
用途の提案: エディトリアル · ブランディング
色の役割の提案
#fff4e8#f8dcc5#e7a789#fff4e8#493b36文字 / 背景：9.87:1 — 通常文字AA
文字 / カード：8.17:1 — 通常文字AA
文字 / ボタン：9.87:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
ラベンダーの濃淡で、真っ白な背景を使わずにノートを区切ります。
用途の提案: アプリ · エディトリアル
色の役割の提案
#f3effa#e0d8f0#b4a1d6#f3effa#393246文字 / 背景：10.79:1 — 通常文字AA
文字 / カード：8.87:1 — 通常文字AA
文字 / ボタン：10.79:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
ミントと淡いガラス色で、落ち着いた予約画面を作ります。
用途の提案: ウェブサイト · アプリ
色の役割の提案
#eef8f6#d2e8e2#96c2b5#eef8f6#25453f文字 / 背景：9.69:1 — 通常文字AA
文字 / カード：8.18:1 — 通常文字AA
文字 / ボタン：9.69:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
くすんだピンクが陶器カタログの余白を優しく包みます。
用途の提案: エディトリアル · ブランディング
色の役割の提案
#fff1f3#f1d1d9#d9a1b4#fff1f3#54323e文字 / 背景：10.05:1 — 通常文字AA
文字 / カード：7.81:1 — 通常文字AA
文字 / ボタン：10.05:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
淡い青が旅の写真と短いキャプションの余白になります。
用途の提案: ウェブサイト · エディトリアル
色の役割の提案
#f0f5fc#d5e3f4#a2b6cb#f0f5fc#29394f文字 / 背景：10.70:1 — 通常文字AA
文字 / カード：9.00:1 — 通常文字AA
文字 / ボタン：10.70:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
静かな灰緑の階調で、文書ツールの内容を引き立てます。
用途の提案: アプリ · ウェブサイト
色の役割の提案
#f7f7f4#e0e2df#aeb6b1#f7f7f4#242c28文字 / 背景：13.35:1 — 通常文字AA
文字 / カード：10.99:1 — 通常文字AA
文字 / ボタン：13.35:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
寒色寄りの無彩色で、差し色を増やさず表に階層を作ります。
用途の提案: データ画面 · アプリ
色の役割の提案
#ffffff#ebedf0#b8c0ca#ffffff#202b3a文字 / 背景：14.30:1 — 通常文字AA
文字 / カード：12.20:1 — 通常文字AA
文字 / ボタン：14.30:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
砂と石の色を建築ポートフォリオの背景に使います。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#f5f0e7#ded4c3#b6a48b#f5f0e7#393329文字 / 背景：11.02:1 — 通常文字AA
文字 / カード：8.52:1 — 通常文字AA
文字 / ボタン：11.02:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
インディゴを一点のアクセントにして設定画面を整理します。
用途の提案: アプリ · ウェブサイト
色の役割の提案
#f1f2fa#dadcee#a6add0#f1f2fa#292c50文字 / 背景：11.99:1 — 通常文字AA
文字 / カード：9.84:1 — 通常文字AA
文字 / ボタン：11.99:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
オーツ色の紙と濃い文字を、控えめなパッケージ案に。
用途の提案: ブランディング · エディトリアル
色の役割の提案
#faf3df#dfce9b#b59c60#faf3df#202624文字 / 背景：13.89:1 — 通常文字AA
文字 / カード：9.85:1 — 通常文字AA
文字 / ボタン：13.89:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
葉の緑を散策ガイドや屋外地図の階調に使います。
用途の提案: ウェブサイト · エディトリアル
色の役割の提案
#e9efe4#c4d3b4#a5b89c#e9efe4#233e2d文字 / 背景：9.97:1 — 通常文字AA
文字 / カード：7.41:1 — 通常文字AA
文字 / ボタン：9.97:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
青緑の水と岩の暗色で、海岸の観察記録をまとめます。
用途の提案: エディトリアル · ウェブサイト
色の役割の提案
#e7f2ef#b2d4cc#2a9d8f#e7f2ef#183d42文字 / 背景：10.28:1 — 通常文字AA
文字 / カード：7.39:1 — 通常文字AA
文字 / ボタン：10.28:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
鉢の土色とオリーブの葉色を園芸ノートに。
用途の提案: アプリ · エディトリアル
色の役割の提案
#f3e9dc#ddc6ae#b4ba83#f3e9dc#3e4930文字 / 背景：7.95:1 — 通常文字AA
文字 / カード：5.80:1 — 通常文字AA
文字 / ボタン：7.95:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
湖の青の重なりで山旅の予定表を整理します。
用途の提案: ウェブサイト · プレゼンテーション
色の役割の提案
#eaf3f7#c3dce7#7ab2c9#eaf3f7#203c52文字 / 背景：10.20:1 — 通常文字AA
文字 / カード：8.04:1 — 通常文字AA
文字 / ボタン：10.20:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
黄土色に落ち着いた花色を添えた植物ブランドの案です。
用途の提案: ブランディング · エディトリアル
色の役割の提案
#f8e8d5#e6bf97#ca9369#f8e8d5#4a3430文字 / 背景：9.59:1 — 通常文字AA
文字 / カード：6.72:1 — 通常文字AA
文字 / ボタン：9.59:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
マスタード、さび色、青緑で少ないインクの催事ポスターを表現します。
用途の提案: エディトリアル · ブランディング
色の役割の提案
#f4dfba#d6a050#b76744#f4dfba#363b38文字 / 背景：8.76:1 — 通常文字AA
文字 / カード：4.89:1 — 通常文字AA
文字 / ボタン：8.76:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
色あせた紫とセピアで音楽アーカイブの表紙を作ります。
用途の提案: エディトリアル · ウェブサイト
色の役割の提案
#eee0ca#c49b75#925a4c#eee0ca#302c39文字 / 背景：10.45:1 — 通常文字AA
文字 / カード：5.37:1 — 通常文字AA
文字 / ボタン：10.45:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
琥珀色の紙と茶色の文字でチケット案に温かさを添えます。
用途の提案: ブランディング · エディトリアル
色の役割の提案
#f7e6bb#e7c672#ba8c3a#f7e6bb#3e3026文字 / 背景：10.26:1 — 通常文字AA
文字 / カード：7.68:1 — 通常文字AA
文字 / ボタン：10.26:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
使い込んだ青と灰色で衣料カタログの枠組みを作ります。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#e7e7df#b9c8c9#849da9#e7e7df#303d46文字 / 背景：8.98:1 — 通常文字AA
文字 / カード：6.47:1 — 通常文字AA
文字 / ボタン：8.98:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
焙煎したような茶色の階調をコーヒーやチョコのラベル案に。
用途の提案: ブランディング · エディトリアル
色の役割の提案
#f0dfca#cab092#a3795d#f0dfca#352821文字 / 背景：10.91:1 — 通常文字AA
文字 / カード：6.86:1 — 通常文字AA
文字 / ボタン：10.91:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
深い紺と淡い青の文字で開発ツールをまとめます。
用途の提案: アプリ · データ画面
色の役割の提案
#111a2c#22304a#5278b8#111a2c#e5efff文字 / 背景：15.00:1 — 通常文字AA
文字 / カード：11.40:1 — 通常文字AA
文字 / ボタン：15.00:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
濃いプラムに控えめなローズの強調を添えたギャラリー向けです。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#261a30#46304f#965d8e#261a30#f2dfe9文字 / 背景：12.97:1 — 通常文字AA
文字 / カード：9.19:1 — 通常文字AA
文字 / ボタン：12.97:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
森の影と淡い葉色で夜の自然観察アプリを提案します。
用途の提案: アプリ · ウェブサイト
色の役割の提案
#142d27#294b3f#5e8a66#142d27#e3edce文字 / 背景：12.04:1 — 通常文字AA
文字 / カード：7.95:1 — 通常文字AA
文字 / ボタン：12.04:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
銅色のアクセントで暗い工房ポートフォリオに素材感を添えます。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#222221#3f3c37#b47d58#222221#f3e8d7文字 / 背景：13.14:1 — 通常文字AA
文字 / カード：9.06:1 — 通常文字AA
文字 / ボタン：13.14:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
暗いダッシュボードでシアンと落ち着いた金色が操作部を分けます。
用途の提案: データ画面 · アプリ
色の役割の提案
#171b25#303746#5fbdc8#171b25#eff4f7文字 / 背景：15.54:1 — 通常文字AA
文字 / カード：10.77:1 — 通常文字AA
文字 / ボタン：15.54:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
鮮やかなオレンジと青緑をイベントページの二つの主役に。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#fff1e9#ffc9a4#ff5733#fff1e9#34343b文字 / 背景：11.18:1 — 通常文字AA
文字 / カード：8.32:1 — 通常文字AA
文字 / ボタン：11.18:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
ライムと紫を軽快な学習サービスのブランドに使います。
用途の提案: アプリ · ブランディング
色の役割の提案
#f1f6d5#d1e98a#9bc42d#f1f6d5#28361f文字 / 背景：11.53:1 — 通常文字AA
文字 / カード：9.61:1 — 通常文字AA
文字 / ボタン：11.53:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
マゼンタをキャンペーンの主役に、青を補助のリズムにします。
用途の提案: ウェブサイト · プレゼンテーション
色の役割の提案
#fff0fa#f9c7e6#d43f95#fff0fa#493044文字 / 背景：10.67:1 — 通常文字AA
文字 / カード：8.01:1 — 通常文字AA
文字 / ボタン：10.67:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
黄金色と澄んだ青で活発なワークショップ資料を作ります。
用途の提案: プレゼンテーション · エディトリアル
色の役割の提案
#fff5c2#f3d75c#e9a332#fff5c2#423b29文字 / 背景：10.11:1 — 通常文字AA
文字 / カード：7.77:1 — 通常文字AA
文字 / ボタン：10.11:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
コバルトでブランドを示し、ピーチで補助パネルを和らげます。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#e9f1ff#bed3ff#2759d7#e9f1ff#203357文字 / 背景：11.06:1 — 通常文字AA
文字 / カード：8.34:1 — 通常文字AA
文字 / ボタン：11.06:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
スチールブルーで報告書の階層を整え、無彩色の図を添えます。
用途の提案: データ画面 · プレゼンテーション
色の役割の提案
#e5eef4#c6d7e3#4f7da2#e5eef4#132a40文字 / 背景：12.47:1 — 通常文字AA
文字 / カード：9.93:1 — 通常文字AA
文字 / ボタン：12.47:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
控えめな青緑の階調で小規模な財務画面を作ります。
用途の提案: アプリ · データ画面
色の役割の提案
#edf6f4#cde3dc#69aa9c#edf6f4#203f3d文字 / 背景：10.38:1 — 通常文字AA
文字 / カード：8.49:1 — 通常文字AA
文字 / ボタン：10.38:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
落ち着いた紫で戦略プレゼンの章を区切ります。
用途の提案: プレゼンテーション · エディトリアル
色の役割の提案
#f4f2fb#dedaef#9b91c4#f4f2fb#332d4b文字 / 背景：11.71:1 — 通常文字AA
文字 / カード：9.51:1 — 通常文字AA
文字 / ボタン：11.71:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
オリーブ系の中間色で、鮮やかな緑を使わず環境報告書をまとめます。
用途の提案: データ画面 · エディトリアル
色の役割の提案
#f2f1e6#dcddc2#a3ab73#f2f1e6#333d29文字 / 背景：10.05:1 — 通常文字AA
文字 / カード：8.24:1 — 通常文字AA
文字 / ボタン：10.05:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
温かな中間色でコンサルティング提案書の堅さを和らげます。
用途の提案: プレゼンテーション · ブランディング
色の役割の提案
#fcebdc#e8c49e#bd835c#fcebdc#2d3c46文字 / 背景：9.78:1 — 通常文字AA
文字 / カード：6.94:1 — 通常文字AA
文字 / ボタン：9.78:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
若草色と花のピンクを春の文具コレクションに。
用途の提案: ブランディング · エディトリアル
色の役割の提案
#f3f8e4#d8e8ba#a8c98a#f3f8e4#354b31文字 / 背景：8.79:1 — 通常文字AA
文字 / カード：7.34:1 — 通常文字AA
文字 / ボタン：8.79:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
青緑の水と陽の当たる木色で海辺のイベントページを提案します。
用途の提案: ウェブサイト · ブランディング
色の役割の提案
#e5f6f9#b5e4ea#39a9c1#e5f6f9#214654文字 / 背景：9.13:1 — 通常文字AA
文字 / カード：7.37:1 — 通常文字AA
文字 / ボタン：9.13:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
収穫の金色と赤茶で季節の市場のチラシを作ります。
用途の提案: エディトリアル · ブランディング
色の役割の提案
#fae3c4#e6ae72#a95b39#fae3c4#462e48文字 / 背景：9.66:1 — 通常文字AA
文字 / カード：6.11:1 — 通常文字AA
文字 / ボタン：9.66:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
霧の灰色と遠い青で冬のルックブックを静かにまとめます。
用途の提案: ウェブサイト · エディトリアル
色の役割の提案
#edf0f6#d9d5e7#9b9dbd#edf0f6#36364f文字 / 背景：10.23:1 — 通常文字AA
文字 / カード：8.13:1 — 通常文字AA
文字 / ボタン：10.23:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。
アイボリーにワインレッドと松葉色を小さな祝いのアクセントに。
用途の提案: ブランディング · プレゼンテーション
色の役割の提案
#f7eddf#e4d2b7#a74b49#f7eddf#383133文字 / 背景：10.96:1 — 通常文字AA
文字 / カード：8.58:1 — 通常文字AA
文字 / ボタン：10.96:1 — 通常文字AA
文字と背景の組み合わせごとに確認してください。パレットの色は自動変更しません。
代表色で作った静的なデザイン例です。近い色には同じ参考例を案内しますが、パレットを変えても画像は再着色されません。