Turn-Based Strategy UI

Turn Marker Orange
#fb923c
Attack Intent Red
#dc2626
Defend Shield Blue
#3b82f6
Fog Cover Gray
#9ca3af
Commander Green
#22c55e
Terrain Dust
#e5e5e5

The palette consists of Light colors. Accent colors Turn Marker Orange #fb923c and Defend Shield Blue #3b82f6. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #22C55E (darkest) to #E5E5E5 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #22C55E, #3B82F6, #9CA3AF, #DC2626, #E5E5E5, #FB923C

Palette Turn-Based Strategy UI has combination of 6 codes colors:

HEX: #fb923c, RGB: (251, 146, 60); HEX: #dc2626, RGB: (220, 38, 38); HEX: #3b82f6, RGB: (59, 130, 246)

HEX: #9ca3af, RGB: (156, 163, 175); HEX: #22c55e, RGB: (34, 197, 94); HEX: #e5e5e5, RGB: (229, 229, 229)

Simplified version of palette colors

Shade of darkorange, Shade of crimson, Tint of dodgerblue, Tint of darkgrey, Tint of limegreen, Shade of gainsboro

Color scheme was created by raccoon

More palettes with:

Colors codes in palette

Turn-Based Strategy UI color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fb923c	#fb923c	RGB(251, 146, 60)	Turn Marker Orange	—
#dc2626	#dc2626	RGB(220, 38, 38)	Attack Intent Red	—
#3b82f6	#3b82f6	RGB(59, 130, 246)	Defend Shield Blue	—
#9ca3af	#9ca3af	RGB(156, 163, 175)	Fog Cover Gray	—
#22c55e	#22c55e	RGB(34, 197, 94)	Commander Green	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Terrain Dust	Gray90

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#fb923c	#3b82f6	1.62
#fb923c	#9ca3af	1.12
#fb923c	#22c55e	1
#fb923c	#e5e5e5	1.79
#dc2626	#3b82f6	1.31
#dc2626	#9ca3af	1.9

Image palette Turn-Based Strategy UI png

--color-turn-marker-orange:	#fb923c;
--color-attack-intent-red:	#dc2626;
--color-defend-shield-blue:	#3b82f6;
--color-fog-cover-gray:	#9ca3af;
--color-commander-green:	#22c55e;
--color-terrain-dust:	#e5e5e5;

$color-turn-marker-orange:	#fb923c;
$color-attack-intent-red:	#dc2626;
$color-defend-shield-blue:	#3b82f6;
$color-fog-cover-gray:	#9ca3af;
$color-commander-green:	#22c55e;
$color-terrain-dust:	#e5e5e5;

@color-turn-marker-orange:	#fb923c;
@color-attack-intent-red:	#dc2626;
@color-defend-shield-blue:	#3b82f6;
@color-fog-cover-gray:	#9ca3af;
@color-commander-green:	#22c55e;
@color-terrain-dust:	#e5e5e5;