アーキテクチャを感じる配色デザイン33枚

配色はウェブデザインやアートなどあらゆる場面で、作品の視覚効果を作り出す重要な役割を持っています。

しかし、色の表現は無限大にあるので、色彩設計で悩んでいる方も多いと思います。

そこで、今回はゲームデザイナーやイラストレーターなどの視覚表現を生業とする方に向けて、アーキテクチャを感じる配色デザインを33種類見本帳にして無料公開いたしました!

紹介するのは3色の色彩パターンですが、その中から気に入った色のみを使用することで、様々な組み合わせのカラーコーディネートをご利用いただけます。
すべて商用利用無料ですので、デザインやイラストの参考にお使いください。

では、紹介していきます!

シンガポールのカラーリファレンス

カラーコード : #2B323E #71727F #BBD2E3
色の名前 : あおずみ, スチールグレイ, パウダーブルー
色の説明 : 青紫色, ダークな青紫色, 薄い青紫色
RGB : R:43,G:50,B:62 / R:113,G:114,B:127 / R:187,G:210,B:227
CMYK : C:31,M:19,Y:0,K:76 / C:11,M:10,Y:0,K:50 / C:18,M:7,Y:0,K:11
キーワード : シンガポール, マリーナ, アーキテクチャ, 市, 泊, アジア, 建物, 超高層ビル, 魅力, 夜景

テオティワカンの配色パターン

カラーコード : #B9AB85 #535E4F #006EB6
色の名前 : ベージュ, あおにび, コバルトブルー
色の説明 : 地味な黄色, 円熟した緑色, ビビッドな青紫色
RGB : R:185,G:171,B:133 / R:83,G:94,B:79 / R:0,G:110,B:182
CMYK : C:0,M:8,Y:28,K:27 / C:12,M:0,Y:16,K:63 / C:100,M:40,Y:0,K:29
キーワード : テオティワカン, メキシコ, ピラミッド, 遺跡, 考古学, アステカ, アーキテクチャ, 文化, 歴史的です

ブリッジの配色サンプル

カラーコード : #000004 #4B5C58 #060807
色の名前 : ブラック, あおにび, ブラック
色の説明 : 鮮やかな青紫色, 暗い灰みの緑色, ダークな無彩色
RGB : R:0,G:0,B:4 / R:75,G:92,B:88 / R:6,G:8,B:7
CMYK : C:100,M:100,Y:0,K:98 / C:18,M:0,Y:4,K:64 / C:25,M:0,Y:13,K:97
キーワード : ブリッジ, 建物, 川, 反射, ライト, 市, 水, 泊, アーキテクチャ, スカイライン, 都市

砦の配色一覧

カラーコード : #424838 #B1A392 #5E5831
色の名前 : エボニー, ベージュ, オリーブ
色の説明 : 重い黄緑色, 薄い橙色, 暗い黄色
RGB : R:66,G:72,B:56 / R:177,G:163,B:146 / R:94,G:88,B:49
CMYK : C:8,M:0,Y:22,K:72 / C:0,M:8,Y:18,K:31 / C:0,M:6,Y:48,K:63
キーワード : 砦, アメル, 勢いと進化が止Keshar, アーキテクチャ, 歴史, 建物, 観光, ラージプート

湖の色彩パターン

カラーコード : #E1EEF2 #482C40 #AAB7C0
色の名前 : フロスティグレイ, バーガンディー, フォッグ
色の説明 : 淡い青緑色, ダークグレイッシュな赤紫色, 軽い青色
RGB : R:225,G:238,B:242 / R:72,G:44,B:64 / R:170,G:183,B:192
CMYK : C:7,M:2,Y:0,K:5 / C:0,M:39,Y:11,K:72 / C:11,M:5,Y:0,K:25
キーワード : 湖, 家, 風景, 自然, 水, コテージ, 牧歌的です, アーキテクチャ, 海景, ブリッジ, 木, 島

アーキテクチャの配色デザイン

カラーコード : #367CE6 #D0C5B1 #7B7471
色の名前 : 露草色, サンド, 利休鼠
色の説明 : 華やかな青紫色, やや灰色い黄色, 暗い黄色
RGB : R:54,G:124,B:230 / R:208,G:197,B:177 / R:123,G:116,B:113
CMYK : C:77,M:46,Y:0,K:10 / C:0,M:5,Y:15,K:18 / C:0,M:6,Y:8,K:52
キーワード : アーキテクチャ, 駅, 鉄道, 出張

超高層ビルの色見本帳

カラーコード : #8CDFFE #6A7276 #113955
色の名前 : たんせいしょく, なまりいろ, 濃藍(こいあい)
色の説明 : 浅い青色, 大人っぽい青紫色, 派手な青紫色
RGB : R:140,G:223,B:254 / R:106,G:114,B:118 / R:17,G:57,B:85
CMYK : C:45,M:12,Y:0,K:0 / C:10,M:3,Y:0,K:54 / C:80,M:33,Y:0,K:67
キーワード : 超高層ビル, 建物, アーキテクチャ, 三角形, 角度, ガラス, 窓, 青, サクラメント, ダウンタウン

毛布のカラースキーム

カラーコード : #D3D3D3 #7C6E54 #555457
色の名前 : スカイグレイ, みる色, つるばみいろ
色の説明 : やや灰色い無彩色, 固い橙色, 大人っぽい無彩色
RGB : R:211,G:211,B:211 / R:124,G:110,B:84 / R:85,G:84,B:87
CMYK : C:0,M:0,Y:0,K:17 / C:0,M:11,Y:32,K:51 / C:2,M:3,Y:0,K:66
キーワード : 毛布, 教会, 屋根, ミュンスター, ボーデン, ドイツ, 花, 灰色, 建設, アーキテクチャ, 工場

家のカラーサンプル

カラーコード : #D7DFEE #AE908A #39340A
色の名前 : クラウド, ローズグレイ, せんさいちゃ
色の説明 : ペールな青紫色, グレイッシュな赤色, 冴えた黄色
RGB : R:215,G:223,B:238 / R:174,G:144,B:138 / R:57,G:52,B:10
CMYK : C:10,M:6,Y:0,K:7 / C:0,M:17,Y:21,K:32 / C:0,M:9,Y:82,K:78
キーワード : 家, アーキテクチャ, 建物, 古い, アウトドア, ニューファンドランド, カナダ, 歴史, 外観, B

アーキテクチャの配色一覧

カラーコード : #6994D8 #C3AF9B #494D53
色の名前 : ヒヤシンス, ベージュ, つるばみいろ
色の説明 : 穏やかな青紫色, 灰みの橙色, 暗い青緑色
RGB : R:105,G:148,B:216 / R:195,G:175,B:155 / R:73,G:77,B:83
CMYK : C:51,M:31,Y:0,K:15 / C:0,M:10,Y:21,K:24 / C:12,M:7,Y:0,K:67
キーワード : アーキテクチャ, 古い, 空, 建物, 旅行, 観光, タワー

アーキテクチャの配色サンプル

カラーコード : #8298B3 #986D52 #283138
色の名前 : フレンチグレイ, カフェオレ, あおずみ
色の説明 : 地味な青紫色, ダルな橙色, 青紫色
RGB : R:130,G:152,B:179 / R:152,G:109,B:82 / R:40,G:49,B:56
CMYK : C:27,M:15,Y:0,K:30 / C:0,M:28,Y:46,K:40 / C:29,M:12,Y:0,K:78
キーワード : アーキテクチャ, 都市景観, 宮殿, 市, 建物, ファサード、, ハンガリー, 川, ドナウ川, 議会

ピジョンの色彩テーマ

カラーコード : #774E31 #91746A #1B130B
色の名前 : 茶色, フォーン, ランプブラック
色の説明 : 暗い橙色, グレイッシュな橙色, ディープな橙色
RGB : R:119,G:78,B:49 / R:145,G:116,B:106 / R:27,G:19,B:11
CMYK : C:0,M:34,Y:59,K:53 / C:0,M:20,Y:27,K:43 / C:0,M:30,Y:59,K:89
キーワード : ピジョン, バルコニー, 古い, ファサード, ウィンドウ, アーキテクチャ, クラシック

市の色彩パターン

カラーコード : #D3E8F9 #785227 #675130
色の名前 : ベビーブルー, 茶色, バーントアンバー
色の説明 : 薄い青紫色, 濃い橙色, 大人っぽい橙色
RGB : R:211,G:232,B:249 / R:120,G:82,B:39 / R:103,G:81,B:48
CMYK : C:15,M:7,Y:0,K:2 / C:0,M:32,Y:67,K:53 / C:0,M:21,Y:53,K:60
キーワード : 市, ビュー, 公園, グエル公園, ガウディ, 色, 屋根, タワー, 建物, アーキテクチャ, 残りの部分

教会のカラー見本

カラーコード : #859BB6 #755531 #D29450
色の名前 : フレンチグレイ, ブロンズ, パンプキン
色の説明 : グレイッシュな青紫色, ダークな橙色, 情熱的な橙色
RGB : R:133,G:155,B:182 / R:117,G:85,B:49 / R:210,G:148,B:80
CMYK : C:27,M:15,Y:0,K:29 / C:0,M:27,Y:58,K:54 / C:0,M:30,Y:62,K:18
キーワード : 教会, 日, カトリック, 市, 空, 青, アーキテクチャ, 魅力, 美しい, 古い, 伝統的な

オペラの色組み合わせ

カラーコード : #9BA7BC #3B4048 #ACB5BC
色の名前 : フレンチグレイ, ゆうしょく, フォッグ
色の説明 : 地味な青紫色, ダークグレイッシュな青紫色, 薄い青紫色
RGB : R:155,G:167,B:188 / R:59,G:64,B:72 / R:172,G:181,B:188
CMYK : C:18,M:11,Y:0,K:26 / C:18,M:11,Y:0,K:72 / C:9,M:4,Y:0,K:26
キーワード : オペラ, オスロ, Ar, アーキテクチャ, ノルウェー

城塞の配色イメージ

カラーコード : #7D99BE #714C2C #D7C4A5
色の名前 : ヒヤシンスブルー, 茶色, サンド
色の説明 : 濁った青紫色, 暗い橙色, 濁った黄色
RGB : R:125,G:153,B:190 / R:113,G:76,B:44 / R:215,G:196,B:165
CMYK : C:34,M:19,Y:0,K:25 / C:0,M:33,Y:61,K:56 / C:0,M:9,Y:23,K:16
キーワード : 城塞, アーキテクチャ, ランドマーク, 要塞, 歴史, 観光, 旅行, 壁, タワー, 石, ヨーロッパ

Obrachunkowa百姓家Regの配色バランス

カラーコード : #C0D7F5 #978F8C #15171C
色の名前 : フロスティブルー, 茶鼠, ランプブラック
色の説明 : 渋い青紫色, やや灰色い赤色, 青紫色
RGB : R:192,G:215,B:245 / R:151,G:143,B:140 / R:21,G:23,B:28
CMYK : C:22,M:12,Y:0,K:4 / C:0,M:5,Y:7,K:41 / C:25,M:18,Y:0,K:89
キーワード : Obrachunkowa百姓家Reg, ビィドゴシュチュ, ポーランド, 建物, ファサード, アーキテクチャ

黒と白の配色パターン

カラーコード : #F5F5F5 #141414 #EDEDED
色の名前 : パールホワイト, ランプブラック, 白
色の説明 : 軽い無彩色, 大人っぽい無彩色, 淡い無彩色
RGB : R:245,G:245,B:245 / R:20,G:20,B:20 / R:237,G:237,B:237
CMYK : C:0,M:0,Y:0,K:4 / C:0,M:0,Y:0,K:92 / C:0,M:0,Y:0,K:7
キーワード : 黒と白, 家, 遺跡, アーキテクチャ, 人, 古い, 古い家, スペイン, 盆地

ブリッジのカラーチャート

カラーコード : #4789EA #A8C8F1 #5A5356
色の名前 : 露草色, ベイビーブルー, こいねず
色の説明 : 陽気な青紫色, 渋い青紫色, 大人っぽい紫色
RGB : R:71,G:137,B:234 / R:168,G:200,B:241 / R:90,G:83,B:86
CMYK : C:70,M:41,Y:0,K:8 / C:30,M:17,Y:0,K:5 / C:0,M:8,Y:4,K:65
キーワード : ブリッジ, 空, 青, 山, 木, 色, 春, バニスター, 木造, アーキテクチャ, ランドマーク, 川

Hexenturmのカラー見本

カラーコード : #92B4D5 #6E614E #7CA4C7
色の名前 : ピジョンブルー, オリーブドラブ, うすはないろ
色の説明 : 地味な青紫色, 重い橙色, 灰みの青紫色
RGB : R:146,G:180,B:213 / R:110,G:97,B:78 / R:124,G:164,B:199
CMYK : C:31,M:15,Y:0,K:16 / C:0,M:12,Y:29,K:57 / C:38,M:18,Y:0,K:22
キーワード : Hexenturm, ディーブルク, ヘッセン, 塔, Spone, 中世, アーキテクチャ

アヴィニョンの色彩バランス

カラーコード : #969D95 #BA773B #050C04
色の名前 : エレファントスキン, ゴールデンオリーブ, ぬれがらす
色の説明 : 薄い緑色, 深い橙色, 緑色
RGB : R:150,G:157,B:149 / R:186,G:119,B:59 / R:5,G:12,B:4
CMYK : C:4,M:0,Y:5,K:38 / C:0,M:36,Y:68,K:27 / C:58,M:0,Y:67,K:95
キーワード : アヴィニョン, フランス, アヴィニョン教皇庁, 歴史的に, アーキテクチャ, プロヴァンス, 宮殿, 塔

アーキテクチャの配色まとめ

カラーコード : #5D8CD3 #D7D5CE #757273
色の名前 : ヒヤシンス, チャイナクレイ, スチールグレイ
色の説明 : くすんだ青紫色, ペールな黄色, 円熟した赤色
RGB : R:93,G:140,B:211 / R:215,G:213,B:206 / R:117,G:114,B:115
CMYK : C:56,M:34,Y:0,K:17 / C:0,M:1,Y:4,K:16 / C:0,M:3,Y:2,K:54
キーワード : アーキテクチャ, 旅行, 市, 古い

市のカラーコード

カラーコード : #E4D9BC #C7AF7C #0E0E10
色の名前 : あまいろ, バフ, ブラック
色の説明 : やや灰色い橙色, グレイッシュな黄色, 円熟した無彩色
RGB : R:228,G:217,B:188 / R:199,G:175,B:124 / R:14,G:14,B:16
CMYK : C:0,M:5,Y:18,K:11 / C:0,M:12,Y:38,K:22 / C:13,M:13,Y:0,K:94
キーワード : 市, 産業, 建設, 建物, 都市, アーキテクチャ, ファイナンス, 経済, 都市の景観, 開発, 物流

教会のカラーコーディネート

カラーコード : #D5DEEE #43523E #48433D
色の名前 : クラウド, かわいろ, チャコールグレイ
色の説明 : やや灰色い青紫色, 円熟した緑色, ダークな赤色
RGB : R:213,G:222,B:238 / R:67,G:82,B:62 / R:72,G:67,B:61
CMYK : C:11,M:7,Y:0,K:7 / C:18,M:0,Y:24,K:68 / C:0,M:7,Y:15,K:72
キーワード : 教会, 観光, 神様, 旅行, アーキテクチャ, 古い

アーキテクチャの色彩デザイン

カラーコード : #7D5B05 #E6AB65 #130E02
色の名前 : ローアンバー, 小麦色, ぬれがらす
色の説明 : 派手な黄色, ソフトな橙色, 派手な黄色
RGB : R:125,G:91,B:5 / R:230,G:171,B:101 / R:19,G:14,B:2
CMYK : C:0,M:27,Y:96,K:51 / C:0,M:26,Y:56,K:10 / C:0,M:26,Y:89,K:93
キーワード : アーキテクチャ, アウトドア, 旅行, ツリー, 教会, アテネ, ギリシャ, 森林, 林, 風景

建物の配色一覧

カラーコード : #15316E #251A17 #A68A7D
色の名前 : アイアンブルー, ランプブラック, ローズグレイ
色の説明 : 深い青紫色, 赤色, 灰みの赤色
RGB : R:21,G:49,B:110 / R:37,G:26,B:23 / R:166,G:138,B:125
CMYK : C:81,M:55,Y:0,K:57 / C:0,M:30,Y:38,K:85 / C:0,M:17,Y:25,K:35
キーワード : 建物, ファサード, アーキテクチャ, 市

アーキテクチャのカラーリファレンス

カラーコード : #C3CFDE #404148 #3A7FAB
色の名前 : ファウンテンブルー, チャコールグレイ, なかはなだ
色の説明 : 薄い青紫色, 大人っぽい青紫色, 和風の青色
RGB : R:195,G:207,B:222 / R:64,G:65,B:72 / R:58,G:127,B:171
CMYK : C:12,M:7,Y:0,K:13 / C:11,M:10,Y:0,K:72 / C:66,M:26,Y:0,K:33
キーワード : アーキテクチャ, 超高層ビル, ガラスのファサード, モダン, ファサード, 空, 建物, デュッセルドルフ

アーキテクチャの色彩一覧

カラーコード : #A99A8F #7F6654 #1B1C20
色の名前 : ちゃねず, 灰茶, ランプブラック
色の説明 : 淡い橙色, ダークグレイッシュな橙色, 青緑色
RGB : R:169,G:154,B:143 / R:127,G:102,B:84 / R:27,G:28,B:32
CMYK : C:0,M:9,Y:15,K:34 / C:0,M:20,Y:34,K:50 / C:16,M:12,Y:0,K:87
キーワード : アーキテクチャ, オーナメント, デザイン, アーク

アートのカラーデザイン

カラーコード : #999FA5 #5F646E #86909F
色の名前 : ぎんかいしょく, にびいろ, うすねず
色の説明 : 軽い青紫色, ダークな青紫色, ペールな青紫色
RGB : R:153,G:159,B:165 / R:95,G:100,B:110 / R:134,G:144,B:159
CMYK : C:7,M:4,Y:0,K:35 / C:14,M:9,Y:0,K:57 / C:16,M:9,Y:0,K:38
キーワード : アート, 壁, アーキテクチャ, デザイン, 抽象的な, パターン, 石, 背景, 古代

ロンドンの色彩イメージ

カラーコード : #46565E #636966 #E6ECF2
色の名前 : リバーブルー, にびいろ, フロスティグレイ
色の説明 : ダークグレイッシュな青色, 大人っぽい青緑色, ペールな青緑色
RGB : R:70,G:86,B:94 / R:99,G:105,B:102 / R:230,G:236,B:242
CMYK : C:26,M:9,Y:0,K:63 / C:6,M:0,Y:3,K:59 / C:5,M:2,Y:0,K:5
キーワード : ロンドン, 英国, イギリス, 歴史的に, 資本金, テムズ川, 川, 建物, 観光, アーキテクチャ

ハイデンハイム、ドイツのカラースキーム

カラーコード : #D5C9BD #675948 #AB8D8A
色の名前 : はいざくら, すす竹色, ローズグレイ
色の説明 : やや灰色い橙色, 重い橙色, 淡い赤色
RGB : R:213,G:201,B:189 / R:103,G:89,B:72 / R:171,G:141,B:138
CMYK : C:0,M:6,Y:11,K:16 / C:0,M:14,Y:30,K:60 / C:0,M:18,Y:19,K:33
キーワード : ハイデンハイム、ドイツ, 市, 空中写真, 町の中心部, アーキテクチャ, ドイツ

シュヴェリーンの色見本帳

カラーコード : #BFD5E9 #AE9788 #31351C
色の名前 : フロスティブルー, ちゃねず, エボニー
色の説明 : ペールな青紫色, 濁った橙色, 黄緑色
RGB : R:191,G:213,B:233 / R:174,G:151,B:136 / R:49,G:53,B:28
CMYK : C:18,M:9,Y:0,K:9 / C:0,M:13,Y:22,K:32 / C:8,M:0,Y:47,K:79
キーワード : シュヴェリーン, メクレンブルク = フォアポンメルン, アーキテクチャ, 州都, 劇場, オペラ

アーキテクチャの色彩パレット

カラーコード : #7E8171 #4B402A #838973
色の名前 : あおしろつるばみ, セピア, あおしろつるばみ
色の説明 : 大人っぽい黄色, 黄色, やや灰色い黄緑色
RGB : R:126,G:129,B:113 / R:75,G:64,B:42 / R:131,G:137,B:115
CMYK : C:2,M:0,Y:12,K:49 / C:0,M:15,Y:44,K:71 / C:4,M:0,Y:16,K:46
キーワード : アーキテクチャ, 旅, 建物, 文化, 宮殿

まとめ

以上、色彩テーマ33選でした。

紹介したカラーアレンジメントは全て商用利用無料ですので、カラーコードをコピーしてデザインやイラストの参考などにご自由にお使いください。ただし、画像そのものの無断転載や二次配布はご遠慮ください。

今後もカラーイメージを、定期的に無料で紹介していきますので、もしも気に入っていただけましたら、ブックマークやSNSでシェアなどしていただけると嬉しいです!
それでは、最後までご閲覧いただき誠にありがとうございました!